是否可以使用html5播放前贴片广告，后贴片广告？ [英] is it possible to play pre-roll, post-roll ads using html5?

问题描述

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

I'm doing it using Flash, however I also need same approach using HTML5. If it is not possible, is there any work around for this issue?

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

This is not what i want but I tried playing real video when ad video ends using onend event listener, but it didn't work.

<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>

推荐答案

首先我认为错误就是

videoPlayer.onend 

我将其更改为

videoPlayer.onended 

但这也不起作用。

最后我添加了eventlistener，如下所示。它可以工作。

Finally I add eventlistener as below and it worked.

<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>

这篇关于是否可以使用html5播放前贴片广告，后贴片广告？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！