javascript - 在嵌入我网站的 YouTube 视频之前添加自定义视频广告

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 4 年前。

Improve this question

我想在嵌入我的网站的 YouTube 视频之前播放自定义视频广告。我想在我在 YouTube channel 上创建的视频之前播放此广告。我尝试在 DFP 门户上寻找一些方法来执行此操作，但什么也没有。我还寻找一些可以执行类似操作但没有成功的 JS 代码。有什么办法可以做到这一点吗？

Answer 1

我从未使用过视频元素，但一些快速研究告诉我它的属性包括 poster、autoplay 和 onend，它内部有一个 source 元素(它有自己的 src 属性)。
因此，您可以将 source.src 设置为广告，将 poster 设置为代表“实际”视频的图像，并将 onend 设置为函数1) 用实际视频替换源，2) 添加 autoplay 属性(或通过其他方式触发实际视频的开始。)

如果您的视频位于 iframe 中，则情况类似，但您必须伪造海报属性(可能通过在 iframe 上覆盖图像并将监听器附加到该图像)。并且您可能需要传递信息当播放实际视频时，在 iframe 和主页之间(除非您想使用 setTimeout 函数并假设广告在您期望的时间结束)。

最后，如果实际视频需要 iframe，但您可以在本地存储广告，那么您可以如上所述为广告制作一个视频元素，并在广告结束时将其替换为 iframe。