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

341 天前
 wohefengyiyang
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>
1128 次点击
所在节点    iOS
2 条回复
justin2018
340 天前
试一试这个 但是视频会没有声音

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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1000999

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX