如何在amp-ima视频中添加隐藏字幕



我正在尝试为amp视频添加隐藏字幕。然而,我需要包括一个预滚动广告,所以我使用的不是amp视频标签,而是amp ima视频标签:https://amp.dev/documentation/components/amp-ima-video/.文档中说,使用音轨标签支持隐藏字幕,就像普通的html视频或amp视频一样。

当我尝试使用amp视频标签时,我可以显示隐藏字幕,视频控件中有一个按钮可以切换字幕。然而,当我使用相同的代码,但用amp-ima视频标签替换amp-video标签时,隐藏字幕不会出现。此外,控件甚至没有省略号按钮,用户在使用amp视频标签时可以从该按钮导航到隐藏字幕按钮。

我已经尝试过对视频、amp-video和amp-ima视频标签使用类似的代码。唯一的区别是amp-ima视频标签需要一个指向你想播放的广告的数据标签属性,这似乎很有效。

这是放大器视频代码,显示控件中的字幕和字幕按钮:

<amp-video controls
width="640"
height="360"
layout="responsive">
<source src="https://nbcnewsencoding.akamaized.net/nbcnews/video/2019/10/tdy_news_craig_magic_johnson_191028_1178592090.mp4">
<track default label="English" kind="subtitles" srclang="en" src="/test-captions.vtt">
<div fallback>
<p>This browser does not support the video element.</p>
</div>
</amp-video>

这是amp-ima视频代码,它不显示字幕或有字幕按钮:

<amp-ima-video controls
width="640"
height="360"
layout="responsive"
data-tag="https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/ad_rule_samples&ciu_szs=300x250&ad_rule=1&impl=s&gdfp_req=1&env=vp&output=vmap&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ar%3Dpremidpost&cmsid=496&vid=short_onecue&correlator=">
<source src="https://nbcnewsencoding.akamaized.net/nbcnews/video/2019/10/tdy_news_craig_magic_johnson_191028_1178592090.mp4">
<track default label="English" kind="subtitles" srclang="en" src="/test-captions.vtt">
</amp-ima-video>

amp-ima视频没有字幕或字幕控件,但应该有。

default属性添加到<amp-ima-video>标记中

示例:

<track default label="English" kind="subtitles" srclang="en" src="/subs/test.vtt" />

最新更新