Azure Media Player:固定宽度并隐藏播放叠加层?

时间:2015-12-06 00:39:06

标签: css azure azure-media-services

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

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

按照他们的示例(https://amp.azure.net/libs/amp/latest/docs/Samples.html,尝试了JS和HTML5版本),我注意到页面总是显示丑陋的播放按钮覆盖 - 我们可以隐藏此播放按钮或使其看起来更好吗?

此外,即使我设置了视频代码的大小,视频也始终默认为300x150px。我可以用任何方式使视频适合其父级的宽度,并在其父级调整大小时调整大小? (假设我们只有16:9视频,希望不使用JS)

谢谢!

1 个答案:

答案 0 :(得分:1)

您几乎可以使用任何视频播放器播放Azure Media Services中的视频。例如,我将VideoJS用于我的项目。

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

在覆盖代码时,您可以将不同的样式应用于媒体播放器。在调试器中,检查当前应用于该类/ ID的样式,并使用您自己的CSS进行更改。

但是,JS会被混淆。希望这有帮助!