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 回答
1
<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls="controls" preload="auto">
 <source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
Your browser does not support the video tag.
</video>

</body>
</html>
于 2014-01-19T13:02:02.797 回答
1

认为你需要这样的东西:

$( "a" ).click(function( event ) {
  event.preventDefault();

  var link = $(this).attr('href');

  BV.play();
  BV.addEvent("ended", endFunc);

  function endFunc(link) {
    window.location = link;
  };
});
于 2013-10-29T19:06:11.133 回答