YouTube動画の自動再生+ループ再生方法

2013年03月20日 14:28

サイト制作案件で Youtube 動画の隠しパラメーターを使う方法があったので、覚え書き。

デフォルトの埋め込みモード

<iframe width="560" height="315" src="http://www.youtube.com/embed/mAfl_5qeyvo" frameborder="0" allowfullscreen></iframe>

以前の embed コードではなくなったのは、iframe が表示環境を識別して自動で最適なプレーヤーを表示する仕様になったようです。具体的に言うと、iOS 関連では Flash Player での再生ができないので、html5 に変換されたものが表示されるっぽい。
それで iPhone で見られる動画と見られない動画があるんですね。

自動再生

<iframe width="560" height="315" src="http://www.youtube.com/embed/mAfl_5qeyvo?autoplay=1" frameborder="0" allowfullscreen></iframe>

隠しパラメーター「autoplay=1」を渡してあげるだけです。

要件ではエンドレスに再生、ということだったのですが「loop=1」を渡すことで可能です。
ちなみにこれだけだとループ再生にならなかったのですが、VIDEO_ID を一緒に2重に渡すことでループ再生させることができました。なんでこんな仕様なのか分からないけど。

ただ「自動再生+ループ再生」は作り手的にはネット上のマナー違反な気がするので、あんまり使う機会がないかも。

■YouTube 埋め込みプレーヤーのパラメータ - YouTube — Google Developers
https://developers.google.com/youtube/player_parameters?hl=ja

同じカテゴリー（スキルアップ）の記事

ヤマハのL3スイッチ「SWX3100」をGUIで簡単にネットワーク構築する(2021-02-19 23:59)

YouTuber とかが皆使ってる AIによる字幕自動編集ツール「Vrew」(2021-02-09 22:24)

ヒートシンクのデザイン(2021-01-26 23:04)

RTX830 で IPv4 over IPv6 と VPN を両立させる接続方法を GUI で設定する(2021-01-24 23:38)

お問い合わせフォームと連携して rocket.chat にも書き込む API やり方(2021-01-18 23:18)

Sansan に名刺が登録されたら、チャットで通知して社内共有する(2020-12-03 23:09)

│Comments(0) │スキルアップ│技術的メモ

このブログの新着情報を配信中！

RSS を登録する

RSSリーダーに登録することで、新着情報だけを確認することができ便利です。
上のアイコンをクリックしてご登録ください。

見るだけでは飽き足らない、あなた。あなたも小言に参加してみませんか。コメントトラックバック、ご自由にどうぞ。

名前:
コメント:	上の画像に書かれている文字を入力して下さい
	＜ご注意＞書き込まれた内容は公開され、ブログの持ち主だけが削除できます。確認せずに書込

このページの上へ▲

Tatsuji Yasukawaon

ブログ内検索

カテゴリー

デザインの話 (543)

└ 集客とデザイン (21)

└ 売上アップとデザイン (42)

└ 高額商品とデザイン (8)

└ 心に残るデザイン (44)

└ 女性向けデザイン (27)

└ 技術とデザイン (88)

└ 戦略的デザイン (46)

└ 買いたい！デザイン (82)

└ 認知心理学とデザイン (30)

└ 情報デザイン (25)

└ エクスペリエンス (26)

└ タイポグラフィ (9)

└ ユーザビリティ (21)

└ デザインの考え方 (24)

└ 業界用語 (5)

サイネージ (3)

スキルアップ (100)

└ AR (4)

└ 技術的メモ (29)

└ サーバ構築 (19)

└ GoogleHome ハック (6)

個展・美術館 (48)

└ 絵画の見方 (3)

制作物覚え書き (65)

オリジナルTシャツ (7)

読んだ (2)

モブログ (158)

グルメ (639)

└ フレンチ (40)

└ イタリアン (49)

└ 洋食 (72)

└ 和食 (131)

└ うなぎ (13)

└ 蕎麦 (11)

└ 中華 (29)

└ ラーメン (100)

└ バー (24)

└ カレー (26)

└ エスニック (10)

└ 喫茶店 (20)

└ その他 (52)

└ お土産 (16)

写真 (24)

お出かけ (75)

└ タイ (7)

└ ベトナム (7)

お気に入り (129)

└ ガジェット (84)

ドライブミュージック (2)

蔵書紹介 (2)

ハック (17)

プロモーション (15)

日記 (477)

デザイナーズハウス (160)

└ 家具・家電 (52)

著作権 (2)

過去記事

アクセスカウンタ

読者登録

メールアドレスを入力して登録する事で、このブログの新着エントリーをメールでお届けいたします。解除は→こちら

現在の読者数 32人

QRコード

お気に入り

GUNDAM.INFO | 公式ガンダム情報ポータルサイト

DELL EMC テクニカル BLOG まとめ

フレンチ好きの僕が、浜松にあるお洒落なフランス料理 10 店を詳しくまとめてみました！

WEB内覧会：その他の家の写真はこちら

最新記事

マイホームのコンパネ (12/9)

名刺のデザインを再構築 (8/1)

五輪だから、積み上げた技術と丁寧な仕事の、特別な懐石コースを食べる (7/25)

高気密住宅に脱臭機で最強な高機能な家。シャープ脱臭機DY-S01レビュー (7/18)

いつか流行する、夏越の祓＝水無月＋黒文字茶 (7/11)

Excel で数の比較にアップダウンの矢印を付ける (7/6)

旬を食べる、凡猿：初夏 (7/1)

ガンダム観てきた (6/29)

もうすぐ Win 11 (6/26)

マテリアルアイコン覚書 (6/22)

誰が正解を？未解明の暗号クリプトス (6/20)

はまなうまい (6/17)

WEBリブート (6/15)

Elgato STREAM DECK レビュー (6/13)

冗長な自由度の克服というデザイン (6/12)

キャンバスプリント (6/9)

発見は、楽しい。 (6/7)

宇宙船を作る (6/5)

キーボードの表面がタッチパッドになっているキーボード (6/3)

ファイルサーバに接続できない Windows10 の直し方覚え書き（2） (6/1)

画像一覧

プロフィール

yasukawa

浜松在住クリエイター＆デザイナーが仕事のことについて頑張って書いてみる。
【認知心理学、コミュニケーションデザイン、情報デザイン、UI/UX、インフォメーションアーキテクト、サイネージ（Scala）、3Dモデリング、データベースアプリ構築（FlileMaker）、Flash Script 2.0＆3.0、サーバ構築（Linux）、IoTセンサー＆電子工作（Arduino）】
文部科学省後援情報検定情報デザイン試験合格
日本商工会議所販売士検定試験2級合格
日本英語検定協会実用英語検定試験3級合格
デザインカレッジ外部講師（WEBマーケティング）
日本最大級レビューメディア「zigsow」2021年ベストレビュワー、2022年ベストレビュー