去掉h5播放器中voide标签中的下载按钮

阿酷tony
阿酷tony 这家伙很懒,还没有设置简介

0 人点赞了该文章 · 1551 浏览

我是阿酷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>

发布于 2021-05-11 23:38

免责声明:

本文由 阿酷tony 原创发布于 SaaS点评网_SaaS软件超市 ,著作权归作者所有。

登录一下,更多精彩内容等你发现,贡献精彩回答,参与评论互动

登录! 还没有账号?去注册

暂无评论

帮选软件
All Rights Reserved Powered BY SaaS点评网 © 2025 浙ICP备2021004744号