動画 動画を追加する 開始時刻と終了時刻を指定する

動画コンテンツを使用する場合は、帯域幅を節約して、レスポンシブなサイトを構築します。
それには、Media Fragments API を使い、動画要素に開始時間と終了時間を追加します。

メディア フラグメントの追加は、メディアの URL に #t=[start_time][,end_time] を加えます。

例
5～10 秒の間だけ動画を再生する場合の指定。
<source src="video/chrome.webm#t=5,10" type="video/webm">

また、Media Fragments API を使用すると、同じ動画の複数のビューを配信でき、複数のファイルをエンコードする必要はありません。

覚えておかなければならないこと。 

• Media Fragments API は、ほとんどのプラットフォームでサポートされていますが、iOS はサポートされていません。

• 使っているサーバーが Range リクエストをサポートしている事を確認します。一部のホスティング サーバーでは無効の場合があります。

ブラウザ デベロッパー ツールを使用して、レスポンス ヘッダーの Accept-Ranges: bytes を確認します。




関連記事

• 動画要素を追加する
• 複数のファイル形式を指定する
• 開始時刻と終了時刻を指定する
• ポスター画像を含める