Я разрабатываю сайт, где мне нужно интегрировать «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>
Примечание: Я кодирующая актив в формате "H264 Smooth Streaming 720p".
Пожалуйста, дайте решение этой проблемы. Спасибо.
Кроме того, своего рода любопытно, как к вашему techOrder -> рекомендованная techOrder является (и просроченный) techOrder: [ "azureHtml5JS »,« flashSS »,« silverlightSS »,« html5 »], вы должны удалить« Flash ». Это позволяет максимально эффективно воспроизводить самые популярные браузеры и устройства. И при настройке источника, почему вы вынуждаете Smooth? Рекомендуемый streamingFormat (и по умолчанию) - [«DASH», «SMOOTH», «HLS-V4», «HLS-V3»]. Это позволяет максимально эффективно воспроизводить самые популярные браузеры и устройства. Есть ли причина, по которой вы делаете это? –