隐藏 video标签的下载按钮

在 cordova-plugin-inappbrowser插件中隐藏 Android 的 webView里的 <video>标签：

 let webView = window.cordova.InAppBrowser.open(fileUrl, '_blank', 'location=yes,enableViewportScale=yes')if (window.device.platform === 'Android') {webView.addEventListener('loadstop', function () {webView.executeScript({ code: 'var videos = document.getElementsByTagName(\'video\');' +'HTMLCollection.prototype.toArray=function(){return [].slice.call(this); };' +'videos.toArray().forEach(function(item){item.controlsList.add(\'nodownload\');});' }, function (param) {console.log(param)console.log('回调')})})}

隐藏 video标签的下载按钮相关推荐

如何隐藏 video 元素的下载按钮
1. 使用 video 元素的 ControlList API <video controls controlsList="nodownload"></video ...
video标签去除下载按钮
HTML中直接使用video来播放视频,在Chrome浏览器.360浏览器.QQ浏览器(以及其他一些使用Chrome内核Blink)等中都会出现下载按钮,但我们一般又不希望出现下载按钮. 好像是从Ch ...
Video标签禁止下载
Video标签自带下载功能屏蔽Video标签的下载: 代码: <video src="vedio/0d6LBbpG.mp4" controls="controls ...
微信小程序隐藏video标签的进度条组件
微信小程序隐藏video标签的进度条组件直接上代码 <video direction="0" show-fullscreen-btn="{{false}}&quo ...
video 标签禁止下载亲测有效隐藏按钮三个点亲测有效
通过controlslist和禁止右键使播放器不能被下载 <video src="{$data.h_video}" class="swiper-slide-img& ...
修改video标签自带按钮的默认样式
这里所说的修改video标签中自带按钮的默认样式,指的是用css就可以控制视频播放按钮的大小等我们来看一下 video 的内部构造: chrome 下,开发者工具 setting Prefere ...
关于HTML5的audio标签和video标签删除下载图标
video标签和audio标签在谷歌浏览器上自带下载按钮,当我们不想要下载按钮的时候,可以试一下以下操作第一种方案: 在video或者audio标签上添加controlsList="nod ...
隐藏video标签中各种控件
如果video标签添加上controls会出现视频控件,如播放按钮.进度条.全屏等. // html <video controls class="video"/> 原 ...
HTML5 video标签禁止下载
<video :src="path" controls="true" controlslist="nodownload" style= ...

隐藏 video标签的下载按钮

隐藏 video标签的下载按钮相关推荐

最新文章

热门文章