新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

YouTubeの動画を途中から再生させる方法

   

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

YouTubeの動画を途中から再生させることが可能なのは知っていたのだが記事にしてなかったのでしておくことにした。
リンクの場合はリンクをつくるときに設定できるので分かりやすいが埋め込みの場合はちょっと分かりづらい。

YouTubeで途中から再生
該当の動画を開いて「共有」をクリック。「オプション」をクリックすると開始時間が設定できる。

スポンサーリンク
 

上記赤線で囲んだ部分「?t=2m17s」というのが2分17秒後から再生するという命令部分なのだが実はこれは「?t=137」と秒に換算して書いても動く。
つまり、上記動画の場合は通常のURLが「http://youtu.be/gD1IsSNtkPk」 なので「http://youtu.be/gD1IsSNtkPk?t=137」と書くこともできる。

で、埋め込みになるとまたちょっと表記が変わる。

上記の動画の埋め込みの場合のソースは以下のとおり。

<iframe width=”420″ height=”315″ src=”http://www.youtube.com/embed/gD1IsSNtkPk” frameborder=”0″ allowfullscreen></iframe>

↓実際埋め込んだ状態

埋め込みの場合はここに「?start=137」と書く。
埋め込みの場合は「t」ではなく「start」にするのがポイントだ。

<iframe width=”420″ height=”315″ src=”http://www.youtube.com/embed/gD1IsSNtkPk?start=137” frameborder=”0″ allowfullscreen></iframe>

↓実際埋め込んだ状態

なお、何か他のパラメータが入っている場合は「?」が「&」になるので注意。
以下の場合は動画終了時に関連動画を表示させない設定が加わっている。

<iframe width=”420″ height=”315″ src=”http://www.youtube.com/embed/gD1IsSNtkPk?rel=0&start=137” frameborder=”0″ allowfullscreen></iframe>

↓実際埋め込んだ状態

といった感じで動画開始時間を設定することができる。
上記動画のようにライブ動画で曲の頭から見せたいときなどに便利。

 - 動画, 覚え書き

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

「livedoor Blog(ライブドアブログ)」から「WordPress(ワードプレス)」へ全記事をインポートする方法【ブログのお引越し】

1年以上前の記事です。内容が古い可能性があります。ブログ移転後にした作業を少しず …

エスカレーターは歩いちゃいけない。急いでいるときは、階段走るのがベスト

1年以上前の記事です。内容が古い可能性があります。以前、ワンダーフェスティバル開 …

背景(バックグラウンド)のイメージをモニター(ウインドウ)のサイズによって変える(レスポンシブルデザイン)Webサイトの作り方【CSS3コーディング】

1年以上前の記事です。内容が古い可能性があります。今、作っている某総合福祉センタ …

「Aterm WM3600R」でインターネットに繋がりにくくなったときに確認したほうが良い設定

1年以上前の記事です。内容が古い可能性があります。この頃、モバイルWi-Fiルー …

MacOSX標準の「Mail」はアカウントを消すことで送受信したメールも全て消える

1年以上前の記事です。内容が古い可能性があります。久々に「ぬおぁ~」な行為をして …

「iPhone 7」でシャッター音を出さずに写真を撮る(消音撮影する)方法【AssistiveTouch】

1年以上前の記事です。内容が古い可能性があります。「iPhone 7」といえば、 …

Facebook(フェイスブック)とブログとの連携方法

1年以上前の記事です。内容が古い可能性があります。今まで、Facebook(フェ …

ツイッターの名前を「アドセンスクリックお願いします」にするとアフィブログに絶対転載されない

1年以上前の記事です。内容が古い可能性があります。これは目から鱗。かつ、注意しな …

「ヒつぶやく」ボタンをTwitter公式のものに変えてみた

1年以上前の記事です。内容が古い可能性があります。当ブログタイトルのすぐ横に「ヒ …

Suica(モバイルSuica)限定。グリーン車で電車を乗り換える方法

1年以上前の記事です。内容が古い可能性があります。最近、歳のせいか電車で座れない …

血液型オヤジ