html5的video标签自动播放

概念澄清

这里的“自动播放”,是指用户的视觉效果,并不一定是元素自身的自动播放。

查看相关文档后,有以下两种最简方案。

配置属性

发现有video标签有一个自动播放的属性autoplay,指定后会马上播放视频。

文档地址:HTML video 元素

通过API触发

在有些场景下,当前页面中的video元素并不一定在可见区域内。

比如,某些电商的活动页,首屏内容中没有出现视频。但是用户向上滚动页面后,出现在可见区域内的视频就会自动播放。

var video = document.querySelector('video');
video.play();

文档地址:HTMLVideoElement

上一篇:重读LPTHW-Lesson1-14


下一篇:MVC中处理表单提交的方式(Ajax+Jquery)