前言：当video在ios上面点击播放会自动全屏播放，这个体验有点不好，因为上面有全屏播放提示，如果用户真的需要全屏可以自己点击全屏播放按钮，所以需要禁止video在ios系统自动全屏播放。

只需要在标签里面写上：webkit-playsinline='true'    playsinline='true'

android端部分视频也会存在自动全屏问题，添加：x5-video-player-type="h5-page"

标签定义视频，比如电影片段或其他视频流，可以放置视频资源，并添加视频控件。

支持的浏览器：Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 标签。

注：Internet Explorer 8 以及更早的版本不支持 标签。

eg：

poster 属性规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。所有主流浏览器都支持 poster 属性。

如果未设置该属性，则使用视频的第一帧来代替。

注：测试了一下，android若设置该属性但未设置图片，是会显示第一帧，但ios不行，会显示空白

所以如果需要显示视频封面且适配俩端，不能只写  ，需要指定封面图片：

其中 url值 描述URL指定图片文件的URL。可能值：

绝对URL - 指向另外一个站点URL (如：href="www.example.com/poster.jpg")

相对URL - 指向同个站点的URL (如： href="poster.jpg")

eg:

EOF

本文作者：  尹安言

本文链接：  www.cnblogs.com/redFeather/…

关于博主：  评论和私信会在第一时间回复。或者直接私信我。

声援博主：  如果您觉得文章对您有帮助，可以点击文章右下角 【推荐】 一下。