如何从azure media player中删除加载图标

如何从azure media player中删除加载图标,azure,azure-media-services,Azure,Azure Media Services,我正在开发一个网站,在那里我需要集成“Azure media player”,我有一个功能,可以从用户已经暂停的位置渲染视频 我的问题是,当恢复视频时,播放器中会出现一个加载图标,当用户开始播放视频时,该图标不会消失 我附加了我的html和js代码来呈现播放器。由于一些安全原因,我只附加了演示代码 <link href="//amp.azure.net/libs/amp/latest/skins/amp-default/azuremediaplayer.min.css" rel="styl

我正在开发一个网站,在那里我需要集成“Azure media player”,我有一个功能,可以从用户已经暂停的位置渲染视频

我的问题是,当恢复视频时,播放器中会出现一个加载图标,当用户开始播放视频时,该图标不会消失

我附加了我的html和js代码来呈现播放器。由于一些安全原因,我只附加了演示代码

<link href="//amp.azure.net/libs/amp/latest/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet">
<script src="//amp.azure.net/libs/amp/latest/azuremediaplayer.min.js"></script>
<script>
    amp.options.flashSS.swf = "//amp.azure.net/libs/amp/latest/techs/StrobeMediaPlayback.2.0.swf"
    amp.options.flashSS.plugin = "//amp.azure.net/libs/amp/latest/techs/MSAdaptiveStreamingPlugin-osmf2.0.swf"
    amp.options.silverlightSS.xap = "//amp.azure.net/libs/amp/latest/techs/SmoothStreamingPlayer.xap"
</script>

<script type="text/javascript">
    $(document).ready(function () {
        displayVideo();
    });

    function displayVideo() {
        var myOptions = {
            techOrder: ["Flash","azureHtml5JS", "flashSS", "silverlightSS", "html5"],
            nativeControlsForTouch: false,
            autoplay: false,
            controls: true,
            width: "100%",
            height: "100%",
            poster: "",
            logo: { "enabled": false },
            hotKeys: { "enableFullscreen": true, "enableNumbers": true, "enableJogStyle": true, "enableMute": true, "seekStep": 3, "volumeStep": 5 },
        };
        var myPlayer = amp("moduleVideoPlayer", myOptions, function () {
        });

        myPlayer.addEventListener('ready', function () {
            console.log('ready!');
        });


        myPlayer.addEventListener("durationchange", function () {
            var duration = myPlayer.duration();
            if (duration > 0) {
                myPlayer.currentTime(8);
            }
        });


        myPlayer.addEventListener('ended', function () {
            console.log('Finished!');
        });

        myPlayer.addEventListener('pause', function () {
            //alert(this.currentTime());
            console.log('paused!');
        });

        myPlayer.src([
          {
              src: "//amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest",
              type: "application/vnd.ms-sstr+xml",
              streamingFormats: ['SMOOTH']
              //streamingFormats: ["SMOOTH", "DASH", "HLS-V3", "HLS-V4"]
          },
        ]);
    }
</script>

<div style="width:500px;height:300px;margin-top:50px;">
    <video id="moduleVideoPlayer" class="azuremediaplayer amp-default-skin amp-big-play-centered"> </video>
</div>

amp.options.flashSS.swf=“//amp.azure.net/libs/amp/latest/techs/StrobeMediaPlayback.2.0.swf”
amp.options.flashSS.plugin=“//amp.azure.net/libs/amp/latest/techs/MSAdaptiveStreamingPlugin-osmf2.0.swf”
amp.options.silverlightSS.xap=“//amp.azure.net/libs/amp/latest/techs/SmoothStreamingPlayer.xap”
$(文档).ready(函数(){
显示视频();
});
函数displayVideo(){
变量myOptions={
techOrder:[“Flash”、“azureHtml5JS”、“flashSS”、“silverlightSS”、“html5”],
nativeControlsForTouch:错误,
自动播放:错误,
控制:对,
宽度:“100%”,
高度:“100%”,
海报:「,
徽标:{“已启用”:false},
热键:{“enableFullscreen”:true,“EnableNumber”:true,“enableJogStyle”:true,“enableMute”:true,“seekStep”:3,“volumeStep”:5},
};
var myPlayer=amp(“模块视频播放器”,myOptions,函数(){
});
myPlayer.addEventListener('ready',函数(){
console.log('ready!');
});
myPlayer.addEventListener(“durationchange”,函数(){
var duration=myPlayer.duration();
如果(持续时间>0){
myPlayer.currentTime(8);
}
});
myPlayer.addEventListener('ended',函数(){
console.log('Finished!');
});
myPlayer.addEventListener('pause',函数(){
//警报(this.currentTime());
console.log('paused!');
});
myPlayer.src([
{
src://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest”,
类型:“application/vnd.ms sstr+xml”,
streamingFormats:['SMOOTH']
//流化格式:[“平滑”、“破折号”、“HLS-V3”、“HLS-V4”]
},
]);
}
注意: 我正在以格式“H264平滑流式处理720p”对资产进行编码

请给出这个问题的解决方案。
谢谢。

微调器是通过css显示的,因此您可以根据类

隐藏微调器元素。另外,对您的techOrder有点好奇->推荐的techOrder是(默认)techOrder:[“azureHtml5JS”、“flashSS”、“silverlightSS”、“html5”]您应该删除“Flash”。这是为了在最流行的浏览器和设备上实现尽可能最好的播放。设置震源时,为什么要强制平滑?建议的streamingFormat(和默认值)为[“DASH”、“SMOOTH”、“HLS-V4”、“HLS-V3”]。这是为了在最流行的浏览器和设备上实现尽可能最好的播放。你这样做有什么原因吗?