×

H5页面中的视频和音频自动播放

作者:andy0012019.05.27来源:Web前端之家浏览:2603评论:0
微信公众号

微信公众号

TIM截图20190527145839.png

HTML5 是下一代的 HTML, 提供了展示视频的标准,规定了一种通过 video 元素来包含视频的标准方法。纯H5页面在手机端中是无法实现自动播放,移动端浏览器大部分是禁用video和audio的autoplay功能并且,很多移动浏览器也不支持首次js调用play方法进行播放(只有用户手动点播放后暂停,然后用代码进行play可以)。

为什么要这样做,这主要是为了防止不必要的自动播放浪费流量,这是没毛病的。但是有些需求需要自动播放视频,我们可以特殊处理下处理。

视频:

<video autoplay="autoplay">
  <source src="视频路径" />
</video>

音频:

<audio autoplay="autoplay">
  <source src="视频路径" />
</audio>

除此属性外还有如下属性:

controls:如果出现该属性,则向用户显示控件,比如播放按钮。

height:设置视频播放器的高度。

loop:如果出现该属性,则当媒介文件完成播放后再次开始播放。

URL:要播放的视频的 URL。

preload:如果出现该属性,则视频在页面加载时进行加载,并预备播放。不与autoplay同用。

温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://jiangweishan.com/article/html82409428409.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2019 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero