Azure Media Player:让它固定宽度并隐藏播放覆盖?

Azure Media Player: make it fix the width and hide the play overlay?

不确定有多少人使用它,但我注意到我使用 Azure 媒体服务中的视频的唯一(免费)选择是使用他们自己的播放器。 (并欢迎为其他适用于各种浏览器的播放器提出建议)

但是,我注意到了一些问题:

按照他们的示例(https://amp.azure.net/libs/amp/latest/docs/Samples.html,同时尝试了 JS 和 HTML5 版本),我注意到该页面总是显示丑陋的播放按钮覆盖层——我们可以通过任何方式隐藏此播放按钮或制作它看起来更好?

此外,即使我设置了视频标签的大小,视频似乎始终默认为 300x150 像素。有什么方法可以使视频适合其父级的宽度并在其父级调整大小时调整大小? (假设我们只有 16:9 个视频,希望不使用 JS)

谢谢!

您几乎可以使用任何视频播放器来播放来自 Azure 媒体服务的视频。例如,我的项目使用 VideoJS。

您只需更改您正在使用的视频播放器上的 src 并将其指向存储在 Azure 中的视频。 I wrote an in-depth series 关于视频播放器和 AMS 的工作原理。

就覆盖他们的代码而言,当然,您可以将不同的样式应用于媒体播放器。在调试器中,查看当前应用于该 class / ID 的样式,并使用您自己的 CSS.

进行更改

然而,JS 将被混淆。希望这对您有所帮助!