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

去掉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>

video::-internal-media-controls-download-button {  display:none;}
video::-webkit-media-controls-enclosure {  overflow:hidden;}
video::-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> 

我的其他原创文章:

猜你喜欢

转载自blog.csdn.net/ffffffff8/article/details/107927369