在CSS中禁用视频

可以通过以下几种方式实现：

display: none; 使用display属性将视频元素设置为none，这样视频将不会显示在页面上。但是视频仍然会加载，可能会影响页面加载速度。
visibility: hidden; 使用visibility属性将视频元素设置为hidden，视频将隐藏但仍然占据页面空间。视频仍然会加载，可能会影响页面加载速度。
pointer-events: none; 使用pointer-events属性将视频元素设置为none，这样视频将不会响应鼠标事件，无法播放或暂停。视频仍然会加载，可能会影响页面加载速度。
使用JavaScript控制视频播放状态。通过JavaScript代码，可以获取视频元素并控制其播放状态。可以使用video元素的pause()方法暂停视频播放，或者使用currentTime属性将视频播放时间设置为0，达到禁用视频的效果。

以上是禁用视频的几种常见方法，根据具体需求和场景选择合适的方式。腾讯云提供了丰富的云服务产品，包括云存储、云视频处理等，可以根据具体需求选择适合的产品进行视频管理和处理。具体产品介绍和相关链接请参考腾讯云官方网站：https://cloud.tencent.com/

页面内容是否对你有帮助？

有帮助

没帮助

在CSS中禁用视频

html、css、html5-video、browser-extension

我正在编写一个浏览器扩展，它通过注入CSS来消除页面上的干扰，主要是以display: none !important规则的形式。然而，这个站点在加载时自动播放视频，我意识到我通常使用的CSS技术无法阻止视频播放；display: none;可能会有效地将元素从与DOM的交互中移除，但这并不意味着它已经被销毁或停止。有没有办法停止或静音使用CSS的<video>元素，或者我应该寻找一个JavaScript解决方案？

浏览 44提问于2020-09-27得票数 0

1回答

全屏嵌入式YouTube视频在Chrome上不居中。可能的CSS或JS冲突？

javascript、css、video、youtube、fullscreen

我在我的博客上嵌入了很多YouTube视频。在Chrome中全屏显示视频时，视频会偏离中心(垂直方向)显示。黑色区域是全屏的，但视频本身偏离了中心，底部也被切断了。我想知道我是否会有JS或CSS冲突，但我正在努力解决这个问题。有谁有什么想法吗？它在其他浏览器中运行良好。如果我禁用我的CSS，它工作得很好，所以我猜这是某种CSS冲突。

浏览 17提问于2016-09-25得票数 1

回答已采纳

1回答

禁用HTML5视频全屏模式

javascript、html、css、html5-video

我想禁用HTML5视频全屏控制使用CSS或Javascript。我尝试过CSS，而这只是在Chrome上工作。video::-webkit-media-controls-fullscreen-button {} 如何在Safari、IE和Firefox等浏览器中禁用它？

浏览 0提问于2016-01-06得票数 3

回答已采纳

7回答

禁用Opera的HTML视频弹出按钮

javascript、jquery、html、opera

在Opera (而且只有Opera)中，HTML5视频在顶部有一个按钮，可以让你将视频弹出网页。有没有办法在javascript、jquery或CSS中禁用它？这里有一个类似的帖子，但没有解释如何在没有用户干预的情况下禁用它，我需要一些程序化的东西：

浏览 0提问于2016-07-05得票数 5

4回答

更小尺寸的Youtube视频无法在Swiper内工作

jquery、youtube、youtube-api、swiper.js

我目前在一个网站上工作，在该网站中，Youtube视频的播放器大小小于150x150，它位于中，它是jquery .我曾尝试按以下方式应用自订尺码：但是它在Firefox中的播放器产生了问题，它显示了黑匣子，并显示一个错误是控制台：- 错误：- NS_ERROR_XPC_BAD_CONVERT_JS: Could not convert JavaScript argument arg 1 [nsIDOMEventTarget.removeEventLi

浏览 1提问于2013-07-06得票数 5

回答已采纳

3回答

永久禁用css元素

css、youtube

有办法永久禁用youtube上的css元素吗？我需要在屏幕的左边播放我的视频，并在右边运行我的文本编辑器。出于某种原因，youtube在视频框的左边有一个空白，我只能通过取消选中#page.watch .content-alignment { max-width: 1066px; } css元素来禁用它。这是很好的工作，但我必须这样做，每次我运行一个视频，这是越来越烦人。我试过时尚，但没成功。我在用谷歌铬。谢谢。

浏览 1提问于2015-10-18得票数 1

回答已采纳

2回答

如何使用CSS/ Reactjs禁用youtube视频上的观看和共享按钮

javascript、reactjs、youtube-iframe-api

我想使用CSS / Reactjs禁用youtube视频上的观看和共享按钮。我正在使用ReactPlayer在我们的应用程序中嵌入youtube视频，并试图通过获取iframe并更改与按钮相关的css类来禁用观看和共享按钮，但我能够获取与视频相关的iframe。

浏览 0提问于2018-10-30得票数 4

1回答

html5视频查找栏在ios中禁用

javascript、ios、css、html、video

我需要禁用默认功能的视频搜索栏现场视频。我正在使用brightcove视频，我可以通过将css属性pointer-events设置为none来禁用查找栏功能，它工作得很好。.vjs-slider{ pointer-events: none } 但同样的情况在ios设备上是行不通的。你知道如何在ios设备上实现这一点吗？

浏览 0提问于2017-03-22得票数 0

2回答

可以用jPlayer将视频作为音频播放吗？

audio、video、jplayer

当我在iOS Safari中使用jPlayer播放视频时，视频会全屏显示。有没有办法只播放视频的音频部分，这样视频就不会显示出来？谢谢!

浏览 0提问于2015-03-16得票数 3

1回答

在播放HTML5视频时在microsoft边缘出现奇怪的错误

html、video-streaming、html5-video、microsoft-edge

基本上就是标题，每当我在firefox或chrome上播放视频时，一切都很好。但是，在microsoft边缘，我得到了以下错误：独立的组合是禁用的视频渲染。这会对性能产生负面影响。边缘将播放视频的第一秒，然后显示“视频无法呈现”。我几乎找不到关于这个错误的任何东西，也不知道如何修复这个错误，或者这是否只是微软边缘的一个bug。在这个网站上，我看到了一些关于禁用css的视频标签，我尝试了，但仍然没有运气。

浏览 1提问于2018-09-19得票数 1

1回答

嵌入式Youtube播放器只播放Firefox中的音频

google-chrome、firefox、youtube、playback

问题要查看该问题，请尝试播放加载上述主页时显示的视频(在Firefox中)。音频工作正常，但有一个黑匣子应该在那里的视频。测试闪存版本： 11.6.602.180和11.7.700.141 (11.7测试版)

浏览 2提问于2013-03-19得票数 1

1回答

css类类型的性能较差

visual-studio-2010、resharper

我面临着css提示机制性能不佳的问题。问题可以在视频上看到：

浏览 1提问于2011-11-03得票数 1

回答已采纳

1回答

使用Paper.js在youtube视频中突出显示感兴趣的区域

javascript、html、canvas、youtube、paperjs

我试图使用Paper.js构建一个工具，允许用户在浏览器中选择视频中感兴趣的区域。这个例子反映了我想要完成的任务：想象一下，用户能够在youtube视频的一部分周围创建一个blob来突出显示一个人。我认为Paper.js是一个很好的工具，然而，我很难将Youtube视频嵌入到一个画布元素中，这样我就可以使用Paper.js来构建这个工具了。令人惊讶的是，很难找到关于我如何做到这一点的信息--这个堆叠溢出问题提供了一个答案，但是youtube视频必须下

浏览 2提问于2016-01-17得票数 0

回答已采纳

4回答

Vimeo全屏:视频出现在网站的元素下面

javascript、html、video、vimeo、vimeo-player

我在vimeo & html5全屏播放器上遇到了一个非常奇怪的问题。<iframe src="http://player.vimeo.com/video/91593219/?"" sandbox="allow-same-origin allow-scripts allow-popups"></iframe> iframe加载正常，但当我点击“全屏”时，浏览器进入全屏模式，视频出现在网站下方(我

浏览 1提问于2014-04-23得票数 2

1回答

如何从Youtube embed中删除暂停视频建议/相关视频(class: ytp- pause -overlay)

javascript、css、iframe、youtube

我在我的网站上嵌入了youtube视频。当我暂停视频时，它会显示更多视频的列表，当视频结束时，它会显示建议视频的列表。我不想在我的网站上显示这些建议的视频。在检查视频时，我得到了以下代码 <iframe title="Dummy Video" src="https://www.youtube.com/embed/dummyvideo?; encrypted-m

浏览 27提问于2021-08-09得票数 0

5回答

Mobile Safari:视频元素上的链接(<a>)元素在点击时不起作用

mobile-safari、html5-video

我当前的项目是一个包含下拉菜单(javascript/jquery)和html5视频播放器(仅限视频标签)的html网站。在Safari和Chrome中，子菜单项的链接在点击时可以正常工作，但在iPad上的Mobile Safari中，它们不会做出反应。为了减少这个问题，我的最小示例包括一个覆盖视频元素的link元素。

浏览 0提问于2011-03-10得票数 17

1回答

仅在智能手机上禁用HTML5视频自动播放

css、html、video、mobile、smartphone

我有一个带有自动播放属性的网站上的全宽度视频背景。效果很好。但这段视频仍然是火狐在智能手机上下载的。视频未显示，但仍在缓存中下载. 我怎么才能解决呢？是否有一种解决方案来禁用小屏幕上的自动播放并将其保存在更大的设备上？

浏览 2提问于2017-03-17得票数 1

回答已采纳

3回答

在没有CSS的HTML5视频中应用过滤器

javascript、html、video、getusermedia

我正在寻找一种方法来应用一些过滤器到视频(从网络摄像机实时拍摄)，但不使用任何类型的CSS类。不，，我不是在找这个。我需要将这个过滤器嵌入到视频中，这样用户就可以退出。(使用注入的CSS不是一个选项)。有办法这样做吗？谢谢我有像我之前发布的代码，其中我有一个CSS类，我将它分配到我的画布上，以便在我需要的时候应用过滤器。有问题吗？用户可以使用Chrome中包含的开发人员工具或F

浏览 5提问于2014-01-31得票数 1

回答已采纳

2回答

是否在双击时禁用全屏？

javascript、css、html5-video、fullscreen

我有一个应用程序，加载一个网页在一个webview2控件(边缘铬)，它加载的页面只包含一个html5视频标签与源和一些样式的css。我使用的css使视频占据了浏览器页面的整个区域，工作正常，但我想禁用进入全屏的功能(例如，占据整个桌面区域)。我可以通过执行以下操作来隐藏css中的全屏按钮： display: none !important;但是，当双

浏览 1提问于2020-03-11得票数 3

3回答

有没有办法阻止内容在最小宽度的屏幕上加载？

javascript、jquery、html、css

我正在制作一个响应性的网站，我有一个视频背景为第一个屏幕，我想隐藏在移动设备上的视频，以使网站加载更快。确定显示:无；不会禁用内容下载。我尝试使用这两个javascript来禁用内容，使其无法在较小的屏幕上加载内容，但它仍然加载在后台：var removeelement = document.getElementById("videoClass"); removeelement.innerHTML = "";

浏览 1提问于2015-10-18得票数 3

回答已采纳

点击加载更多