去掉h5播放器中voide标签中的下载按钮
我是阿酷tony,从事视频直播行业近十年,方向:视频直播、微信直播、视频加密技术、流媒体环境、网页视频播放器,组建了一个交流群,点击加入一起交流。
去掉H5播放器中voide标签中的下载按钮,参考代码:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4" poster="img/tony.jpg">
<source src="movie.ogg" type="video/ogg" poster="img/tony.jpg">
</video>
vide:-internal-media-controls-download-button { display:none;}
vide:-webkit-media-controls-enclosure { overflow:hidden;}
vide:-webkit-media-controls-panel { width: calc(100% + 30px); }
H5兼容性,参考代码:
<video
id="videowrap"
src="video/test.mp4"
poster="images/1.jpg" /*视频封面*/
preload="auto"
webkit-playsinline="true" /*这个属性是ios 10中设置可以
让视频在小窗内播放,也就是不是全屏播放*/
playsinline="true" /*IOS微信浏览器支持小窗内播放*/
x-webkit-airplay="allow"
x5-video-player-type="h5" /*启用H5播放器,是wechat安卓版特性*/
x5-video-player-fullscreen="true" /*全屏设置,
设置为 true 是防止横屏*/>
x5-video-orientation="portraint" /*播放器支付的方向,
landscape横屏,portraint竖屏,默认值为竖屏*/
style="object-fit:fill">
</video>
全部 0条评论