Html 如何在视频播放器中放置广告？

---

如何在视频播放器中添加广告并在特定时间内播放，播放5秒广告后，它将自动返回到我正在播放的视频。

正如VC所说，一种方法是在网页中有两个视频播放器或视频元素，当你想播放广告时，从一个切换到另一个

有关预先准备好的隐藏视频，然后在播放视频到达某个点时开始播放的示例，请参见此答案-在本示例中，它位于视频的末尾，但可以是您想要的任何时间：

因此，您的步骤可以是（web页面，但与其他平台使用相同的原则）：

• 创建两个视频元素
• 开始播放主视频，加载、暂停并隐藏第一个广告视频
• 在您希望播放广告时为主视频设置进度回调，并在触发时暂停主视频并隐藏该视频元素
• 取消隐藏和取消暂停广告视频
• 在广告视频结束时，隐藏该视频元素，然后再次取消隐藏和取消暂停主视频
• 如果有更多广告，请加载并暂停隐藏视频元素中的下一个广告，然后如上所述继续

实现这一点的Javascript（包含在上面链接的答案中，以便您可以修改和使用代码段）非常简单：

var vid1=document.getElementById（“MyVid1”）；
var vid2=document.getElementById（“MyVid2”）；
vid2.style.display=“无”
vid1.onloadeddata=函数（）{
vid1.currentTime=872；
视频1.播放（）
};
vid2.onloadeddata=函数（）{
vid2.currentTime=10；//只是想说明开始是黑屏
视频2.暂停（）
};
vid1.onended=函数（）{
视频2.播放（）
vid1.style.display=“无”
vid2.style.display=“块”
};

---

上述内容实际上可用于播放后期滚动广告-要扮演中间角色，您可以使用“时间更新”事件而不是“结束”事件：

您可以尝试使用两个视频对象。一个在播放主视频，另一个在播放广告。使用

定时器

功能设置特定时间的广告播放。在每个视频的

设置中使用

z-depth

设置来交换层（用于切换开关）。您好，先生。你能给我进一步解释一下吗？我应该怎么做才能在我的视频播放器中播放广告？非常感谢。你是如何提供广告的？它们是来自广告服务器还是您提供的？如上所述，您需要两个元素，一个用于视频，一个用于广告，然后在相关时间交换（暂停视频）。如果是一个商业广告服务器，那么他们可能有样本是的，但是我如何将它们添加到我的代码中呢？我将如何在广告和视频之间交换。或者我应该只做一个按钮，当我点击广告时会显示，如果我再次点击，它会切换到我正在播放的原始视频。