【文章推荐】HTML5 video标签，右下角的下载按钮怎么去掉

用HTML5 video标签插入视频，在谷歌浏览器上播放视频时，右下角显示的下载按钮怎么去掉

使用H5的video标签可以直接插入视频，一般在浏览器效果如下图显示：但有时在谷歌浏览器上显示，会遇到右下角有下载按钮。如果项目要求去掉这个下载按钮，怎么办呢？如下图显示：分析：经本人测试，是谷歌浏览器版本问题（低版本的右下角没有下载按钮，比如53.0版本 ...

vue video 怎么去掉右下角三个点

如何去掉右下角的三个点点当一个video标签需要使用controls时候可以对其属性进行设置利用controlslist属性可以设置其 <video :src="item.videoAdd" ref="video ...

激活windows去掉右下角水印

激活windows去掉右下角水印 //需要隔一段时间执行一次 // 卸载已有的激活产品slmgr.vbs /upk // 重新按照激活产品slmgr /ipk NPPR9-FWDCX-D2C8J-H872K-2YT43 设置计算机名称slmgr /skms ...

怎么去掉右下角的thinkphp的图标

关闭thinkphp右下角的trace可以试试以下步骤: 1.在入口文件index.php 加入 define("APP_DEBUG", false); 2.在config.php 配置文件中加入 'SHOW_PAGE_TRACE' => false 3.然后删除缓存文件 ...

去除

<B>标签</B><B>右下角</B>图标</a>
					                <p class="post-item-summary">
					                    css 
 
  
 
  ...
					                </p>
					            </div>
					            <footer class="post-item-foot">
					                    <i class="icon-time"></i>
					                    <span>Wed Nov 18 23:00:00 CST 2020</span>
					                    <i class="icon-envelope"></i>
					                    <span>0</span>
					                    <i class="icon-eye-open"></i>
					                    <span>512</span>
					                    <i class="icon-star"></i>
					                    
					                    
					                    
					                    
					            </footer>
					        </div>
					    </article>					
					
					    <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;">
					        <div class="post-item-body">
					            <div class="post-item-text">
					                <a class="post-item-title" href="/blog/a351421.html" target="_blank">【<B>HTML5</B>】<B>video</B> <B>标签</B>禁用自带的<B>下载</B><B>按钮</B></a>
					                <p class="post-item-summary">
					                     h5自带的 <B>video</B><B>标签</B> ，会有个<B>下载</B><B>按钮</B>，有时候想避免，就可以利用样式的方法 
 
  
 
  
原<B>标签</B>如下 
 
  
 
  
  
修改后 
 
  
  
pc上 可以用  
 
 <<B>video</B> controls controlsList="nodownload"> ...
					                </p>
					            </div>
					            <footer class="post-item-foot">
					                    <i class="icon-time"></i>
					                    <span>Sun Apr 14 06:10:00 CST 2019</span>
					                    <i class="icon-envelope"></i>
					                    <span>0</span>
					                    <i class="icon-eye-open"></i>
					                    <span>3074</span>
					                    <i class="icon-star"></i>
					                    <i class="icon-star"></i>
					                    <i class="icon-star"></i>
					                    <i class="icon-star"></i>
					                    <i class="icon-star"></i>
					            </footer>
					        </div>
					    </article>					
					
					    <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;">
					        <div class="post-item-body">
					            <div class="post-item-text">
					                <a class="post-item-title" href="/blog/5ebb321.html" target="_blank">highcharts<B>去掉</B>版权|<B>去掉</B>水印链接(<B>右下角</B>)_</a>
					                <p class="post-item-summary">
					                    credits: {                      enabled: false                  } ...
					                </p>
					            </div>
					            <footer class="post-item-foot">
					                    <i class="icon-time"></i>
					                    <span>Thu Dec 22 01:00:00 CST 2016</span>
					                    <i class="icon-envelope"></i>
					                    <span>0</span>
					                    <i class="icon-eye-open"></i>
					                    <span>3404</span>
					                    <i class="icon-star"></i>
					                    <i class="icon-star"></i>
					                    
					                    
					                    
					            </footer>
					        </div>
					    </article>					
					
					    <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;">
					        <div class="post-item-body">
					            <div class="post-item-text">
					                <a class="post-item-title" href="/blog/67f6eb1.html" target="_blank">当页面滚动时将<B>HTML5</B>视频播放器固定在页面<B>右下角</B></a>
					                <p class="post-item-summary">
					                     
 在有视频播放的页面上，有时我们需要滚动页面查看视频相关的内容信息，如简介、相关评论等，那么滚动页面时，视频播放器会离开视窗区域，这个时候我们可以使用JS和CSS技术将播放器切换固定到页面<B>右下角</B>。 
 
  查看演示 
  <B>下载</B>源码
  
  
  使用方法 
  在页面中引入jquery文件 ...
					                </p>
					            </div>
					            <footer class="post-item-foot">
					                    <i class="icon-time"></i>
					                    <span>Fri May 05 23:55:00 CST 2017</span>
					                    <i class="icon-envelope"></i>
					                    <span>2</span>
					                    <i class="icon-eye-open"></i>
					                    <span>2301</span>
					                    <i class="icon-star"></i>
					                    <i class="icon-star"></i>
					                    
					                    
					                    
					            </footer>
					        </div>
					    </article>					
					
			    </div>
			</div>
			
			<div class="span4 left_content">
				<div class="page-header"><h3><small><i class="icon-tag"></i>相关标签</small></h3></div>
	             <ul class="nav nav-pills">
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/HTML' target="_blank">HTML(1117)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/HTML5' target="_blank">HTML5(1062)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/html' target="_blank">html(1036)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/前端' target="_blank">前端(765)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/JavaScript' target="_blank">JavaScript(751)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/javascript' target="_blank">javascript(668)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/js' target="_blank">js(659)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/python' target="_blank">python(619)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/html5' target="_blank">html5(595)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Java' target="_blank">Java(541)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Python' target="_blank">Python(515)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/java' target="_blank">java(513)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/vue' target="_blank">vue(491)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/C＃' target="_blank">C#(442)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/css' target="_blank">css(438)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/CSS' target="_blank">CSS(418)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Linux' target="_blank">Linux(390)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Android' target="_blank">Android(352)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/linux' target="_blank">linux(286)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Vue' target="_blank">Vue(246)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/JS' target="_blank">JS(218)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/PHP' target="_blank">PHP(217)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/jquery' target="_blank">jquery(209)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/jQuery' target="_blank">jQuery(205)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Javascript' target="_blank">Javascript(202)</a></li>
			     
			     </ul>	
			   <div id="right_float_ad" class="ad">
				</div>			     
			</div>
		</div>
	</div>
    <div class="clear"> </div>

<div class="fbar" style="z-index:100">
	<div class="span7" style="color:grey;font-size:12px;">
	</div>
	<div class="pull-right">
		<span><a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粤ICP备18138465号</a>  </span><span>© 2018-2025 CODEPRJ.COM </span> 
	</div>
</div>
<script src="/js/code.js?version=20251014"></script>
<script>
   function buffer(a, b, c) {
	    var d;
	    return function() {
	        if (d) return;
	        d = setTimeout(function() {
	            a.call(this),
	            d = undefined
	        },
	        b)
	    }
	}

(function() {
	    function e() {
	        var d = document.body.scrollTop || document.documentElement.scrollTop;
	        d > b ? (a.className = "div1 div2", c && (a.style.top = d - b + "px")) : a.className = "div1"
	    }
	    var a = document.getElementById("float");
	    if (a == undefined) return ! 1;
	    var b = 0,
	    c, d = a;
	    while (d) b += d.offsetTop,
	    d = d.offsetParent;
	    c = window.ActiveXObject && !window.XMLHttpRequest;
	    if (!c || !0) window.onscroll = buffer(e, 50, this)
	})();

</script>

</body>
</html>

原文：HTML5 video标签，右下角的下载按钮怎么去掉

相关推荐