ロード時に特定の位置でHTML5ビデオを開始しますか？

ある時点で開始するにはHTML5ビデオが必要です。50秒以降の時間としましょう。

試しましたが、期待どおりに動作しませんでした。私が間違っていることはありますか？

コードは次のとおりです。

   <video id="vid1" width="640" height="360">
       <source src="file.webm" type="video/webm" /> 
       Your browser does not support the video tag.
   </video>
   <script>
       document.getElementById('vid1').currentTime = 50;
   </script> 

ページが読み込まれると、最初から再生が始まります。しかし、しばらくしてからのように再生中にこれを呼び出すと、正常に動作します。足りないものはありますか？

特定の時間を探す前に、ブラウザがビデオの長さを認識するまで待つ必要があります。したがって、次のような「loadedmetadata」イベントを待ちたいと思います。

document.getElementById('vid1').addEventListener('loadedmetadata', function() {
  this.currentTime = 50;
}, false);

Media Fragments URIと直接リンクでき、ファイル名をfile.webm＃t = 50に変更するだけです。

これが例です

これはかなりクールです、あなたはあらゆる種類のことをすることができます。しかし、ブラウザのサポートの現状はわかりません。

JavaScriptを使用せずに

#t=[(start_time), (end_time)]メディアURLの最後に追加するだけです。唯一の欠点は（そのように見たい場合）、ビデオが終了時間を示すのにどれくらいの時間がかかるかを知る必要があることです。 例：

<video>
    <source src="splash.mp4#t=10,20" type="video/mp4">
</video>

注： IEではサポートされていません

html5でビデオタグを使用するときにビデオの開始時間と終了時間を調整します。

http://www.yoursite.com/yourfolder/yourfile.mp4#t=5,15

ここで、コンマの左側は秒単位の開始時間、コンマの右側は秒単位の終了時間です。開始時間のみを有効にするには、コンマと終了時間を削除します。

HLSソース用のSafariMacでは、メタデータイベントの代わりにloadeddataイベントを使用する必要がありました。

#t=10,20フラグメントを使用することは私のために働いた。