Question

在Azure Media Player中，默认情况下，控制栏（即显示时间轴和播放控件的位置）以可见方式启动。但如果你不移动你的鼠标，它会在5秒后消失。有没有办法抑制消失，以便控制条始终可见？

Answer 1

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

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

<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中消失

1 个答案: