概念澄清
这里的“自动播放”,是指用户的视觉效果,并不一定是元素自身的自动播放。
查看相关文档后,有以下两种最简方案。
配置属性
发现有video标签有一个自动播放的属性autoplay,指定后会马上播放视频。
文档地址:HTML video 元素
通过API触发
在有些场景下,当前页面中的video元素并不一定在可见区域内。
比如,某些电商的活动页,首屏内容中没有出现视频。但是用户向上滚动页面后,出现在可见区域内的视频就会自动播放。
var video = document.querySelector('video');
video.play();
文档地址:HTMLVideoElement