关于 ios 低电量模式浏览器如何自动播放<video>

This topic created in 893 days ago, the information mentioned may be changed or developed.

ios 低电量模式下无法自动播放<video>标签的视频，然后我想着用 js 脚本模拟用户点击，发现还是无法播放，滑动屏幕时会开始播放了。但是这种情况下，进去页面的时候视频上方的那个播放按钮很丑陋，请问一下，有没有什么办法去除？如果能直接低电量模式自动播放就更好了
<div class="content-video-mob newmob_vid">
<video autoplay playsinline muted loop id="mobile-Video">
<source src="<?php echo get_site_url(); ?>xxxx.mp4" type="video/mp4" />
</video>
</div>

播放

Video

div

电量

2 replies 2023-12-18 01:39:36 +08:00

justin2018

Dec 17, 2023

试一试这个但是视频会没有声音

```
const video = document.querySelector("video");

if (!video) return;

const promise = video.play();
if (promise !== undefined) {
promise.then(() => {
// Autoplay started
}).catch(error => {
// Autoplay was prevented.
video.muted = true;
video.play();
});
}
```

wohefengyiyang

Dec 18, 2023

@justin2018 这个不行的，我之前试过了，ios 低电量模式下会阻止，必须要用户与屏幕有交互。。。我看了滴滴的一个做法，是把视频分割成图像帧了，然后轮流播放。。但是巨卡。