如何在播放HTML 5视频(如Youtube广告)时添加图像/ DIV?

时间:2012-07-19 14:24:17

标签: javascript jquery html5 video mediaelement

我使用MediaElement.js HTML 5视频播放器,我希望在播放时间之间添加一个广告(如Youtube Add)在我的视频中(例如:0:20​​s添加淡入淡出,0:30s淡出淡出添加)可见:10s)。

有人做过这样的事吗? 谢谢!

1 个答案:

答案 0 :(得分:2)

一种方法是在视频的当前时间20秒更改视频源,播放10秒添加,然后再更改回原始视频源。

问题在于,任何人都可以移动到添加的末尾并跳过它,因为人们可以使用视频标记的控件。

除非您知道阻止控制的方法,否则这不是最佳解决方案。

(删除controls =“controls”也不是解决方案,因为您可以通过检查器将其添加回来。)