h5中video的加载方式

视频是宣传产品的一个很好的展现形式,有时候几秒钟的视频其实可以介绍产品的大部分功能。

使用video标签可以很方便的加载视频,并对视频做相应的控制,但是你会发现,在微信和QQ等X5内核的浏览器,视频区域会浮在页面最高层,而且播放的时候会直接弹出播放器界面,完全脱离了页面本身。幸好我们可以通过对X5内核的一些参数控制来实现固定区域的播放,这样你的页面在微信中也可以按照你想要的效果播放了。

 <video id="video" src="img/video.mp4" controls poster="img/ss.png"  preload="auto" x5-video-player-fullscreen="true" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-playsinline>
            您的浏览器不支持此video,请升级浏览器
  </video>

通过上面的设置 可以保证在微信中视频的正常播放。标记一下,省的以后再找了。

发布了29 篇原创文章 · 获赞 18 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/bjhan_csdn/article/details/96424718