有个需求客户想做个打开官网洎动播放一段视频，楼主使用了video标签即下面的代码：：
然而通过地址栏进去的时候，视频并没有自动播放最后，找资料发现添加 muted 属性，就可以通过地址栏进入网页的时候自动播放了
H5标签的video我想写过前端代码的人，都不会陌生吧但video标签还是有一些问题。
一、PC端的兼容问题；
H5的标签不兼容ie8包括ie8以下的浏览器；解决办法：使用js的库video.jsVideo.js 自动检测浏览器對HTML5 的支持情况，如果不支持HTML5则自动使用Flash 播放器
二、video标签控件样式问题；
因为video是有默认的样式，在做项目时候往往设计稿和video默认样式的鈈同。在HTML5的DOM给video提供了方法、属性和事件可以完成自己想要的页面效果。
比如：暂停/开始要用自己写的样式时：
play() 开始播放，pause() 暂停 就可鉯用到这两个方法。还有进度条方式等
下面是我在咔拉商城做的样式。
三、手机端不能自动播放的问题；
移动端的浏览器为了避免用户使用流量的问题都是默认视频不能自动播放。只能引导用户手动去播放
四、手机端播放后层级达到最高；
对于播放后的视频，即使我們给父级加了overflow: hidden;也无法改变这一现象所以，我们能做的就是将原视频的width和height设置为0来解决播放后层级最高的问题关于这个问题，没有一个非常好的解决方案至少目前来看是没有的。
本教程将介绍视频(video)标签的使用
新建一个72.html如图所示：
定义html5标准网页声明，如图所示：
输入html网页基本结构设置网页标题为：视频(video)标签的使用，如图所示：
video标签的语法结构如图所示：
使用video标签播放视频，如图所示：
运行网页在浏览器上html显示标签出代码实现的效果，如图所示：
经验内容仅供参考如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士
说说为什么给这篇经验投票吧！
只有签约作者及以上等级才可发有得 你还可以输入1000字
