谷歌双击 - 初始加载后的自定义视频源



我正在尝试礼貌地加载通过谷歌双击工作室提供的HTML5广告素材的视频,并遇到了一些问题

<video id="myVideo">
<source src="video.mp4" type="video/mp4">
</video>

这工作正常

现在,当我尝试动态添加源时

'HTML' 
<video id="myVideo">                          
</video>
'JS'
source = document.createElement('source')
source.setAttribute('type', 'video/mp4')
source.setAttribute('src', 'video.mp4')
video.appendChild(source)

双击会给我这个错误

GET https://s0.2mdn.net/ads/richmedia/studio/pv2/60863002/20181009012818318/video.mp4 404

我怀疑这与 Doubleclick 在初始加载期间存储资产的位置有关,因为当我尝试使用第一种方法记录"src"属性时,我得到了这个绕口令:

https://gcdn.2mdn.net/videoplayback/id/0173366851186f65/itag/15/source/doubleclick/ratebypass/yes/mime/video%2Fmp4/acao/yes/ip/0.0.0.0/ipbits/0/expire/3683521965/sparams/id,itag,source,ratebypass,mime,acao,ipbits,expire/signature/79EA6270A42AF05325924BB711068AE6A1943312.29D8F6E2DB82F38750A45593094A36C9BBC74D04/key/ck2/file/file.mp4

这解释了 404,但是,我的本地 PC 上没有这个问题。

如何告诉 Doubleclick 在哪里可以找到我的视频.mp4文件,以便我可以在初始加载后加载它

将视频上传到 DoubleClick Studio 时,其类型将作为"视频包"列在"资产"列表中。双击实际上会自动将视频转码为多种格式和比特率。

在制作模式下,当您使用横幅中的相对 URL 请求视频时,它将返回您遇到的 404。

双击启用程序 SDK 包含一个名为Enabler.getUrl的方法。这仅适用于实时模式(包括 DC Studio 预览模式(,并将从其 CDN 返回绝对 URL。在本地测试时,您仍然需要像正常情况一样引用文件。

为了帮助解决这个问题,SDK中还有另一种称为Enabler.isServingInLiveEnvironment的方法,它允许您确定是否处于"实时"模式。

下面是组合两个 SDK 调用以请求当前环境的正确视频 URL 的示例。

function getVideoUrl(filename) {
if (Enabler.isServingInLiveEnvironment()) {
return Enabler.getUrl(filename); 
} else {
return filename;
}
}
myVideo.src = getVideoUrl('myVideo.mp4');

最新更新