ブログ|静的志向

言語言語切替
日本語 English
サイト内検索

札幌在住のTakaによる静的htmlで作成したブログです。

素早く表示されるブログを作ることを目的として書いています。

サイトやブログにYoutubeを埋め込んで途中再生させる方法

埋め込み動画の「ここを再生シてほしい!」と思うときがあります。特に元の動画が長いと肝心の箇所まで再生されない恐れもあります。

そんなときは埋め込み動画の再生開始時間を変更してあげましょう。

なおサイトやブログにYoutubeを埋め込む詳しいやり方については「サイトにYoutubeを埋め込む(amp対応)方法のメモ」をご覧ください。レスポンシブ化にも対応しています。

埋め込み動画を途中から再生

kazuya

↑紹介したい動画の時間が長くて、肝心の再生箇所が遅い場合、Youtubeを任意の時間から再生させてあげると読者に優しくなれます。

↑この動画は5分14秒(314秒)から再生が始まります。このように動画を埋め込んでいきましょう。

通常版のコード

<iframe width="640" height="360" src="https://www.youtube.com/embed/3TB9ozlKu18?start=314" frameborder="0" allowfullscreen></iframe>

↑iframeタグ内のsrcの末尾に?start=再生を始めたい時間(秒)を追加するだけです。

注意点は分でなく秒で記入することですね。

amp版のコード

<amp-youtube data-videoid="3TB9ozlKu18" width="800" height="450" layout="responsive" data-param-start="314"></amp-youtube>

↑ampの埋め込みコードの中にdata-param-start="再生を始めたい時間(秒)"を追加するだけです。

こちらも通常版と同じく、秒単位で記入する必要があります。

あとがき

Youtubeの埋め込みができるなら、再生開始時間の設定も簡単にできるはずです。もし埋め込み方法についてよくわからない場合は「サイトにYoutubeを埋め込む(amp対応)方法のメモ」をご覧ください。

↓鋭意制作中↓

ダイエットエラミカ

私自身の実践と経験に基づくリバウンドしないダイエットについて詳しく解説しています。

筋肉量31.4kg

BMI21.9 筋肉型スリム

元の用紙はこちら

↑このように私自身の体組成結果をすべて公開しています。現時点で2年以上のデータ、体脂肪率1桁の結果は21ヶ月連続で達成中です。

詳しくは「ダイエットエラミカ」よりご覧ください。

Sponsor Link

シェアしてくれると嬉しいです