我正在尝试在我的 Wordpress 页面中嵌入 Azure 媒体播放器,以便我可以使用 Azure 媒体服务访问我在 Azure 上托管的视频。我正在使用标准 HTML 标签嵌入视频,但是,我遇到了几个问题。
- 当我尝试在一个页面上嵌入超过 1 个 AMP 时,前两个视频工作正常,但第三个视频不会呈现。我只看到带有视频控件的黑屏,但没有响应。当我放一个分页符并在下一页上呈现第三个视频时,它呈现得很好。
- 中心的大播放按钮仅针对第一个视频呈现。它没有在第二个视频上呈现。
- 我似乎无法弄清楚如何关闭自动播放。
这是我嵌入的 HTML 代码(我已删除源和海报路径)。
<figure><video id="vid2" controls muted autoplay preload="none" fluid="true" width="100%" height="100%" class="vid2 azuremediaplayer amp-default-skin amp-big-play-centered" poster="" tabindex="0" data-setup="{"nativeControlsForTouch": false}" logo="false">
<source src="" type="application/vnd.ms-sstr+xml">
</video>
</figure>