新・元地方の中規模印刷会社で苦悩する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

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

  関連記事

直帰率と離脱率の違い

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

iPhoneで移動中にカメラのシャッターを切ると画像が歪む

1年以上前の記事です。内容が古い可能性があります。これは自分の「iPhone 3 …

Tumblr(タンブラー)を自分の言葉でつぶやこう(ツイッター連携時に自由にツイートする方法)

1年以上前の記事です。内容が古い可能性があります。Tumblr(タンブラー)とツ …

リニューアル後のFlickr(フリッカー)でsetのスライドショーを埋め込む方法【その1】

1年以上前の記事です。内容が古い可能性があります。リニューアル後のFlickr( …

WordPressをhttps(SSL)化、さくらインターネットのレンタルサーバーでリダイレクトループさせない「.htaccess」の書き方【後編】

1年以上前の記事です。内容が古い可能性があります。以下の続きとなります。 Wor …

受信はできてもメールが送信できない時にチェックすべき2つの項目

1年以上前の記事です。内容が古い可能性があります。最近のメールアドレスはセキュリ …

LINE(ライン)で思いもよらない個人情報流出を防ぐためにチェックしておきたい5つの項目

1年以上前の記事です。内容が古い可能性があります。LINE(ライン)を安全に使お …

究極のステマ(ステルスマーケティング)番組「バチェラージャパン」。第2弾スタート【Amazonプライム】

1年以上前の記事です。内容が古い可能性があります。父親が倒れたり、仕事が変わった …

「Windows Media Player」でCDの曲を吸い出す(取り込む)方法

1年以上前の記事です。内容が古い可能性があります。個別授業の生徒さんの知り合いに …

タスクマネージャーでプロセスを調べてみた part5

1年以上前の記事です。内容が古い可能性があります。自宅でパソコン教室に使っている …

血液型オヤジ