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

标签 javascript jquery html video mediaelement

我使用 MediaElement.js HTML 5 视频播放器,我想在播放时间之间在我的视频上添加广告(如 Youtube 添加)(例如:在 0:20 秒添加淡入淡出并在 0:30 秒淡出 - 添加可见:10 秒)。

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

最佳答案

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

这里的问题是任何人都可以移动到添加的末尾并跳过它,因为人们只能使用视频标签的控件。

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

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

关于javascript - 如何在播放 HTML 5 视频(如 Youtube 广告)时添加图像/DIV?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11562945/

相关文章:

JavaScript - 为什么此代码记录 'undefined' 但显示在 Chrome 控制台中? (关闭)

PHP HTML 截断和 UTF-8

javascript - 使用 JavaScript 在服务器上保存 json 文件

javascript - 如何在网页首次加载时向 map 添加标记?

javascript - 寻找一个好的 jQuery/JavaScript 验证插件

javascript - 如何使用 jquery 或 javascript 获取 tabcontainer ID?

javascript - 两个日期之间的自定义过滤器

html - 导入字体 Internet Explorer

html - css 选择器问题 : different background to parent div when checkbox is checked

javascript - 只读第一级目录 javascript