Chrome插件如何限制网页自动播放音视频
来源:chrome官网2025-12-17

1. 打开Chrome浏览器,访问需要限制自动播放的网页。
2. 在地址栏输入以下代码:
javascript
chrome.runtime.onInstalled.addListener(function() {
var policy = {
userAction: {
defaultAction: 'CONTINUE'
},
mediaPlayback: {
defaultAction: 'ALLOW'
}
};
chrome.browserAction.setPageAction(policy);
});
这段代码会在安装Chrome插件时自动添加一个页面动作监听器,用于设置`autoplay_policy`属性。
3. 在Chrome插件的manifest.json文件中,添加以下内容:
json
{
"manifest_version": 2,
"name": "Auto-Block Video",
"description": "Block autoplay videos on websites",
"version": "1.0",
"permissions": ["activeTab", "storage"],
"background": {
"scripts": ["background.js"]
},
"content_scripts": [
{
"matches": ["
"js": ["content.js"]
}
]
}
4. 在background.js文件中,编写以下代码:
javascript
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
if (request.action === 'block') {
let videoElement = document.querySelector('video');
if (videoElement) {
videoElement.autoplay = false;
}
} else if (request.action === 'unblock') {
let videoElement = document.querySelector('video');
if (videoElement) {
videoElement.autoplay = true;
}
}
});
5. 在content.js文件中,编写以下代码:
javascript
chrome.tabs.executeScript({
target: { tabId: 1 }, // 替换为需要限制自动播放的网页的Tab ID
file: "content.js" // 替换为你的JavaScript文件路径
});
这样,当用户访问需要限制自动播放的网页时,Chrome插件会自动执行上述逻辑,禁止自动播放音视频。
推荐多款google浏览器视频录制插件,提供详细使用指南,帮助用户轻松录制高质量视频。
2026-02-09
谷歌浏览器Mac版支持快速下载安装及安全配置。用户可顺利完成插件和功能设置,提高浏览器安全性。
2026-01-23
开启高速下载模式可显著提升下载效率,本文分享谷歌浏览器高速下载模式的快速开启方法。
2026-01-16
google浏览器缓存清理功能能显著改善网页速度,用户通过实测方法掌握性能提升技巧,从而获得更流畅的使用体验。
2026-01-15
Google浏览器网页调试插件推荐指南提供实用开发工具,包括性能监测和元素分析,帮助开发者快速优化网页。
2026-02-12
Chrome浏览器下载失败可能与网络有关,本篇内容提供排查方法和解决技巧,确保下载顺利完成。
2026-01-28
Chrome浏览器启动异常可能影响使用,本教程讲解快速排查方法。用户可定位问题,恢复浏览器正常运行,提高使用效率。
2026-01-14
谷歌浏览器下载后提供历史记录管理方法,用户可查看、删除或备份浏览记录,方便回溯浏览内容并保证隐私安全。
2026-02-11
分享Google浏览器最新网页翻译功能的优化效果,实测翻译准确性和速度,帮助用户体验更流畅的多语言浏览。
2026-01-18
谷歌浏览器网页收藏整理经过实测分析,展示高效管理收藏夹的方法。Chrome浏览器用户可通过优化操作提升收藏整理效率,快速访问常用网页。
2026-01-29
教程 指南 问答 专题
如何在Windows系统上安装Google Chrome
2024-09-12
安卓手机如何安装谷歌浏览器
2024-07-24
电脑上安装不了谷歌浏览器怎么回事
2023-03-30
如何处理 Chrome 中“可能很危险”的下载提示?
2022-05-31
在PC或Mac上加速Google Chrome的10种方法
2022-06-13
如何在Mac上安装谷歌浏览器
2022-12-22
chrome浏览器下载文件没反应怎么办
2022-09-10
在Ubuntu上安装Chrome的最佳方式
2022-05-31
如何在Ubuntu 22.04 Jammy Jellyfish上安装Google Chrome?
2022-05-31
Windows10系统安装chrome浏览器教程
2022-08-26