2

ページが読み込まれ、コンテンツが読み込まれる直前にビデオが 5 秒間再生された後、一時停止してコンテンツが読み込まれ、再び読み込まれるように、画面全体に自動的に広がる背景としてビデオを使用したいユーザーが別のリンクをクリックすると再生が開始され、ビデオが終了する前にユーザーがリダイレクトされることはありません。

 $(function() {
var BV = new $.BigVideo();
BV.init();
BV.show('http://video-js.zencoder.com/oceans-clip.mp4');
});

私のコードは正常に動作していますが、中間ページを使用せずに別のページにリダイレクトする直前にビデオを再生する方法がわかりません

4

3 に答える 3

1 
<script type="text/javascript">

function vidplay() {
   var video = document.getElementById("Video1");
   var button = document.getElementById("play");
   if (video.paused) {
      video.play();
      button.textContent = "||";
   } else {
      video.pause();
      button.textContent = ">";
   }
}

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

function skip(value) {
    var video = document.getElementById("Video1");
    video.currentTime += value;
}      
</script>

</head>
<body>        

<video id="Video1" >
//  Replace these with your own video files. 
 <source src="demo.mp4" type="video/mp4" />
 <source src="demo.ogv" type="video/ogg" />
 HTML5 Video is required for this example. 
 <a href="demo.mp4">Download the video</a> file. 
</video>

<div id="buttonbar">
<button id="restart" onclick="restart();">[]</button> 
<button id="rew" onclick="skip(-10)">&lt;&lt;</button>
<button id="play" onclick="vidplay()">&gt;</button>
<button id="fastFwd" onclick="skip(10)">&gt;&gt;</button>
</div>
于 2014-01-19T13:37:35.103 に答える