防止控件在 Azure Media Player 中消失

Question

在 Azure Media Player 中，默认情况下控制栏（即时间线和播放控件出现的位置）开始时是可见的。但如果您不移动鼠标，它会在 5 秒后消失。有没有办法抑制消失，让控制条一直可见？

Answer 1

根据您的要求，我检查了Azure Media Player，但没有找到任何始终显示控件的选项。

根据我的测试，您可以使用 setInterval() 方法调用一个函数来在 video 元素上显式设置 class vjs-user-active，解决方法如下：

<html>
<head>
<link href="http://amp.azure.net/libs/amp/2.1.5/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet">
<script src="http://amp.azure.net/libs/amp/2.1.5/azuremediaplayer.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" ></script>
</head>

<body>
   <video id="azuremediaplayer" class="azuremediaplayer amp-default-skin amp-big-play-centered" tabindex="0"></video>
</body>

<script type="text/javascript">
(function(){

   var myOptions = {
    "nativeControlsForTouch": true,
    controls: true,
    autoplay: true,
    width: "640",
    height: "400",
    }
    myPlayer = amp("azuremediaplayer", myOptions);
    myPlayer.src([
      {"src":"https://sec.ch9.ms/ch9/cf2b/d75f604a-e59f-46f2-81d3-4ec1473ecf2b/AzureFridayGetStartedWithAzureFor_mid.mp4"}
    ]);

    var myInterval=setInterval(function(){
      $("#azuremediaplayer").removeClass("vjs-user-inactive");
      $("#azuremediaplayer").addClass("vjs-user-active");
    },1000);
})();
</script>
</html>

防止控件在 Azure Media Player 中消失

prevent controls from disappearing in Azure Media Player

azure-media-services