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

我想在YouTube视频嵌入我的网站之前播放自定义视频广告。我想在我在YouTube频道上创建的视频之前播放这些广告。我试图在dfp门户上找到一些方法来实现这一点，但什么都没有。我还寻找一些JS代码，它们可以做类似的事情，但没有成功。有什么方法可以做到这一点吗？

我从来没有使用过视频元素，但是一些快速的研究告诉我它的属性包括

海报

、

自动播放

、和

onend

，并且它里面有一个

源

元素（它有自己的

src

属性）。
因此，您可以将

source.src

设置为您的广告，将

poster

设置为表示“实际”视频的图像，并将

oned

设置为一个函数，该函数1）用实际视频替换源，2）添加

autoplay

属性（或通过其他方式触发实际视频的开始）

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

---

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

我在回答中添加了一句话，指出即使实际视频在iframe中，您仍然可以获得视频的好处元素（如果广告存储在服务器上）。