2016-04-26 8 views
0

私はvideo.jsで遊んでいます。ここに私のコードは次のとおりです。Chromeのvideojs:ビデオの作成方法はどこから選ぶのですか?

<link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet"> 
<script src="//vjs.zencdn.net/5.4.6/video.min.js"></script> 

<video id="example_video_1" class="video-js vjs-default-skin" style="margin-left:auto;margin-right:auto;" 
    controls autoplay preload="auto" width="1300" height="800" 
    data-setup='{}'> 
<source src="/test.webm" type="video/webm" /> 
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p> 
</video> 

上記のコードは、文字通り(ビデオと自動再生を除く)ツールのWebサイトからコピーされました:

http://docs.videojs.com/docs/guides/setup.html

私の映画はChromeとFirefoxの両方で再生されます。映画の後半で何かを見たい場合は、プログレスバーの点を私が欲しいポイントにドラッグすることができ、映画がそこから始まります。しかし、Chromeでそうしたときにエラーが発生しました:

ネットワークの問題により、メディアのダウンロードが途中で失敗しました。

ありがとうございました!

+0

このようなことは、通常、ビデオファイル自体やその配信方法と関係しています。 "/test.webm"ではなく絶対URLをファイルに追加できますか? – misterben

答えて

0

は、あなたはjavascript

videojs("last", {}, function() { 
       var myplayer = this; 
       myplayer.currentTime(s); // s being to time in second you want 
           } 

htmlタグからのデータ・セットアップ属性を削除し、2番目の引数に持っていたものを入れてそれを行うことができます。

  1. 最初の引数は、動画のID(それが が初期化されていないことを確認し)
  2. である第二はオプションで、それはあなたが持って欲しいものであるデータ・セットアップで
  3. 第三は、が初期化されたときに呼び出す関数です。