更改<video> src后，视频不会在iOS上自动播放

Question

我有一些代码可以更改移动视频的src属性。看起来像这样：

<div class="product-video--mobile swiper-slide">
   <video class="product-video"
     src="{{ variant.metafields.Details.videoMobileURL }}"
     width="100%"
     type="video/mp4"
     loop muted playsinline autoplay
     data-video-src="{{ variant.metafields.Details.videoMobileURL }}"
     alt="product-video"></video>
</div>

JS：

$(".product-video--mobile .product-video").attr("src", $(".active-video").data("mobile-video-variant"));

在台式机上，此代码似乎可以正常运行，但在iOS上，它将停止播放。

根据以下答案：

Video autoplay doesn't work on all iphone

HTML5 Video autoplay on iPhone

HTML5 Video Background not playing Safari on iPhone

我的视频标签上同时具有playsinline和muted属性，但仍然无法自动播放。是因为我改变了来源吗？

Answer 1

您可以在JS中使用play()方法。

var vid = document.getElementById("myVideo");
vid.play();