是否可以使用html5播放前贴片广告,后贴片广告?

时间:2011-12-07 13:40:47

标签: html5-video advertising

我正在使用Flash,但我也需要使用HTML5的相同方法。如果不可能,是否有解决此问题的方法?

这不是我想要的,但是当广告视频使用一个事件监听器结束时,我尝试播放真实视频,但它不起作用。

<script type="text/javascript">
var nextVideo = "http://....../real_video.mp4";
var videoPlayer = document.getElementById('videoPlayer');
videoPlayer.onend = function(){
   videoPlayer.src = nextVideo;   
}
</script>

<video id="videoPlayer" width="320" height="240" controls="controls">
  <source src="http://.../ad_video.mp4" type="video/mp4" />
</video>

1 个答案:

答案 0 :(得分:3)

首先我认为错误就是

videoPlayer.onend 

我把它改成了

videoPlayer.onended 

但这也不起作用。

最后,我添加了eventlistener,如下所示,它有效。

<video id="videoPlayer" src="http://..../realVideo.mp4" autoplay autobuffer controls />

<script type="text/javascript"> 
var nextVideo = "http://../nextVideo.mp4";
var videoPlayer = document.getElementById('videoPlayer');
videoPlayer.addEventListener('ended', function(){
        videoPlayer.src = nextVideo;
        }, false);

</script>