对video标签设置不自动播放,隐藏下载功能,禁止右键另存为视频的操作

您所在的位置:网站首页 css怎么设置视频自动播放功能 对video标签设置不自动播放,隐藏下载功能,禁止右键另存为视频的操作

对video标签设置不自动播放,隐藏下载功能,禁止右键另存为视频的操作

2024-07-14 08:11| 来源: 网络整理| 查看: 265

对video标签设置不自动播放,隐藏下载功能,禁止右键另存为视频的操作

在video标签上添加了属性 autoplay=“autoplay” loop=“loop”,然而通过地址栏进去的时候,视频并没有自动播放,     找资料发现,添加 muted 属性,就可以通过地址栏进入网页的时候自动播放了。

  

 

h5 video标签屏蔽下载按钮和取消右键菜单

    取消下载按钮         video 标签中添加controlslist="nodownload"(video完成渲染之前)

        

    取消右键菜单                      $("video").bind("contextmenu",function(){//取消右键事件                 return false;             });         

    video标签:                              

 

2.也可以通过jquery的方式为隐藏下载功能标签添加属性  

   $('video').attr('controlslist',"nodownload");

    3.为video添加禁止右键另存为操作       

 $('video').bind('contextmenu',function() { return false; });

去掉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);     }

 

    video::-webkit-media-controls-enclosure {         overflow:hidden;     }     video::-webkit-media-controls-panel {         width: calc(100% + 30px);     }

 

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3