Несколько экземпляров Azure Media Player делают управление громкостью бесполезным

Question

У меня есть несколько на одной странице, и я хочу, чтобы AMP (2.2.2) автоматически создавал AMP для всех текущих

Воспроизведение работает нормально, но регулятор громкости работает только для последнего экземпляра AMP. переключение приглушенного звука на другое видео фактически повлияет на приглушение или громкость последнего видео.

Есть ли способ исправить это с помощью настроек Javascript или AMP?

Приветствия

Answer 1

Единственный обходной путь для нескольких экземпляров AMP на одной странице - это использование JS для динамического создания экземпляра AMP, чтобы избежать проблемы с регулировкой громкости.

У меня есть пустой div, оборачивающий пустое видео, например:

  <div class="video-wrapper"><video id="vid1" controls preload="none" class="amp-video" tabindex="0" data-src="videoUrl" data-type="videoType"></video></div>

и затем используйте jquery для инициализации по требованию.Мое требование немного сложнее, так как у меня есть контент в разных модулях, который загружается динамически.Поэтому я не должен ничего загружать при загрузке страницы, пока пользователь не щелкнет что-либо.

$('.amp-video').each(function(){
var $v = $(this);
$v.addClass('azuremediaplayer amp-default-skin amp-big-play-centered');
              myPlayer = amp($v.attr('id'), {
                techOrder: ["azureHtml5JS", "html5"],
                "nativeControlsForTouch": false,
                autoplay: !$v[0].muted,
                muted: $v[0].muted,
                controls: true,
                width: "100%",
                height: "100%"
              });
});