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

Question

我想先播放自定义视频广告，然后再将YouTube视频嵌入到我的网站中。我想在我的YouTube频道上创建的视频之前播放此广告。我尝试在dfp门户网站上找到一些方法来做到这一点，但没有任何帮助。我还寻找一些可以完成类似操作但未成功的JS代码。有什么办法吗？

Answer 1

我从未使用过视频元素，但是一些快速研究告诉我它的属性包括poster，autoplay和onend，并且它具有source元素（具有自己的src属性）。
因此，您可以将source.src设置为广告，将poster设置为代表“实际”视频的图像，然后将onend设置为以下功能：1）将源替换为实际视频， 2）添加autoplay属性（或通过其他方式触发实际视频的开始。）

如果您的视频在iframe中，则类似，但是您必须伪造poster属性（可能是通过在iframe上叠加图片并在其上附加您的听众）。并且您可能需要传递信息在播放实际视频时要在iframe和主页之间切换（除非您想使用setTimeout函数，并假设广告在您希望结束的同时结束）。

最后，如果实际视频需要iframe，但您能够在本地存储广告，则可以按照上述方式为广告制作视频元素，并在广告结束时将其替换为iframe。