Css Azure Media Player:使其固定宽度并隐藏播放覆盖?

Css Azure Media Player:使其固定宽度并隐藏播放覆盖?,css,azure,azure-media-services,Css,Azure,Azure Media Services,我不知道有多少人使用它,但我注意到我使用Azure Media Service视频的唯一(免费)选择是使用他们自己的播放器。(欢迎为在各种浏览器中工作的其他玩家提供建议) 但是,我注意到了一些问题: 按照他们的例子(尝试了JS和HTML5版本),我注意到页面总是显示丑陋的播放按钮覆盖层——我们可以隐藏这个播放按钮或者让它看起来更好吗 此外,看起来视频总是默认为300x150px,即使我设置了视频标签的大小。有没有办法让视频适合其父视频的宽度,并在其父视频调整大小时调整大小?(假设我们只有16:9

我不知道有多少人使用它,但我注意到我使用Azure Media Service视频的唯一(免费)选择是使用他们自己的播放器。(欢迎为在各种浏览器中工作的其他玩家提供建议)

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

按照他们的例子(尝试了JS和HTML5版本),我注意到页面总是显示丑陋的播放按钮覆盖层——我们可以隐藏这个播放按钮或者让它看起来更好吗

此外,看起来视频总是默认为300x150px,即使我设置了视频标签的大小。有没有办法让视频适合其父视频的宽度,并在其父视频调整大小时调整大小?(假设我们只有16:9的视频,希望不用JS)


谢谢

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

您只需更改正在使用的视频播放器上的src,使其指向存储在Azure中的视频。关于视频播放器和AMS的工作原理

当然,在重写它们的代码方面,您可以对媒体播放器应用不同的样式。在调试器中,检查当前应用于该类/ID的样式,并使用您自己的CSS进行更改


然而,JS将被混淆。希望这有帮助

仅供参考,对于装载指示器,刚刚发现我可以使用!重要的是要覆盖/隐藏它。该类是vjs加载微调器和vjs加载微调器::before