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

Question

我有一些代码可以在移动设备上更改视频的 src attr。它看起来像这样：

<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

我的视频标签上有 playsinline 和 muted 属性，但它仍然无法自动播放。是不是我换了源？

Answer 1

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

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

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

when <video> src is changed, video doesn't auto play on iOS

javascript

video

html5-video

ios