解决移动端中video点击视频播放会自动全屏

来源:极速云建站

有很多朋友做的网站,在微信或者手机其他浏览器中点视频播放的时候,却总是自动弹出来全屏,这样整个网页就没了。需要关闭返回。这样的话感觉是很麻烦的。


H5播放器的标签有这样的解决方案:

我们只需要在

video标签中加几条属性  x5-playsinline="" playsinline="" webkit-playsinline=""可以解决移动端video点击播放自动全屏问题

举个例子:

<video src=”…/a.mp4” poster=”/a.jpg” webkit-playsinline=”” playsinline=”” x5-playsinline=”” x-webkit-airplay=”allow” controls=”“></video>


还有一个是谷歌浏览器是不能自动播放视频,即autoplay标签失效。

chrome 从18年起就不支持了。。。

最后了解到,chrome怕你突然声音出来,吓到你。

于是需要添加属性 muted="muted"

解决方案是将视频静音。

<video id="video" muted autoplay src="">  这里面加了一个:muted


本文关键词:
相关文章
网站建设能给企业起到什么样的效果?上一篇文章
下一篇文章没有了!
COPYRIGHT (©) 2019 企业极速建站-高端风格模板建站-高端网站定制设计-黑马建站专业网站建设公司.
粤ICP备16086975号-1   本站风格包括: 风格云库【132套】 欧美风【98套】 FLASH风格【53套】