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%"
              });
});

Azure Media Player的多个实例使音量控制无效

1 个答案: