2016-07-27 51 views
1

再生一時停止ボタンは、HTML5ビデオとこのVideo.JSで機能します。他の機能がvideo.jsで動作しない理由はわかりませんが、HTML5ビデオでも機能しますか?Video.JSを15秒前と後ろにスキップさせるにはどうしたらいいですか?

ビデオJSを前後に15秒間スキップさせるにはどうすればよいですか?また、いくつかの奇妙な理由で、ビデオのサイズも変更されません。

<div id="instructions"> 
     <video id="my_video_1" class="video-js vjs-default-skin" width="640px" height="267px" 
      controls preload="none" poster='http://video-js.zencoder.com/oceans-clip.jpg' 
      data-setup='{ "aspectRatio":"640:267", "playbackRates": [1, 1.5, 2] }'> 
     <source src="http://vjs.zencdn.net/v/oceans.mp4" type='video/mp4' /> 
     <source src="http://vjs.zencdn.net/v/oceans.webm" type='video/webm' /> 
     </video> 
     <button onclick="playPause()">Play/Pause</button> 
     <button onclick="makeBig()">Big</button> 
     <button onclick="makeSmall()">Small</button> 
     <button onclick="makeNormal()">Normal</button> 
     <button onclick="restart();">Restart</button> 
     <button onclick="skip(-10)">Rewind</button> 
     <button onclick="skip(10)">Fastforward</button> 
    </div> 

    <script> 
    //controls for video.js HTML5 video player 
    var myVideo = document.getElementById("my_video_1"); 

    function playPause() { 
     if (myVideo.paused) 
      myVideo.play(); 
     else 
      myVideo.pause(); 
    } 

    function makeBig() { 
     myVideo.width = 560; 
    } 

    function makeSmall() { 
     myVideo.width = 320; 
    } 

    function makeNormal() { 
     myVideo.width = 420; 
    } 

    function skip(value) { 
      var video = document.getElementById("my_video_1"); 
      video.currentTime += value; 
    }  

    function restart() { 
      var video = document.getElementById("my_video_1"); 
      video.currentTime = 0; 
     } 

    </script> 
+0

'html'、' js'は期待される結果を返すようですか? – guest271314

+0

http://codepen.io/soljohnston777/pen/rLKjvQここで試してみましたが、作成された再生/一時停止は動作しますが、video.jsの独自のCSSテンプレートボタンの表示 –

+0

通常、この作品を制作するvideo.jsの方法は何ですか? –

答えて

2

それは少し遅れてですが、私はこのようなCURRENTTIMEを使用します。

var video = videojs($("#player_id")); 
video.currentTime(video.currentTime() + 10); 

これが役立つことを願っています。

関連する問題