给video标签加一些属性，微信调用h5原生video

最新推荐文章于 2024-03-01 16:14:37 发布

码农_plus

最新推荐文章于 2024-03-01 16:14:37 发布

阅读量868

点赞数

CC 4.0 BY-SA版权

文章标签： javascript html5 html css3

本文链接：https://blog.csdn.net/weixin_43960538/article/details/111598461

                    
 给video标签加一些属性，调用h5原生video 
 <video class="video-source"
     width="100%"
   height="240px"  /*如果有封面，请设置高度*/

     controls  /*这个属性规定浏览器为该视频提供播放控件*/  

     style="object-fit:fill"  /*加这个style会让 Android / web 的视频在微信里的视频全屏，如果是在手机上预览，会让视频的封面同视频一样大小*/

     webkit-playsinline="true"  /*这个属性是ios 10中设置可以让视频在小窗内播放，也就是不是全屏播放*/  

     x-webkit-airplay="true"  /*.支持Airplay的设备(如:音箱