当 <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();