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插件会自动执行上述逻辑,禁止自动播放音视频。
谷歌浏览器介绍启动项优化及加速技巧,包括设置方法和操作经验,帮助用户缩短启动时间,提高浏览器性能。
2026-01-02
google浏览器启动项优化通过操作经验详解展示禁用冗余加载等方法,帮助用户加快启动速度,提升整体运行效率。
2026-01-08
Chrome浏览器插件市场丰富,文章推荐值得使用的实用插件,并详细讲解安装和操作方法,帮助用户提升浏览器功能,实现高效便捷的使用体验。
2026-01-31
google Chrome浏览器支持安装文件下载及快速执行。用户可顺利完成插件和功能设置,提高使用效率。
2026-01-27
谷歌浏览器下载后可开启标签页快速切换功能,用户通过快捷键或鼠标操作即可迅速在多个标签页间切换,优化多任务浏览体验,提升操作效率和工作流畅性。
2026-01-30
Chrome浏览器提供插件冲突解决与管理方法,用户可排查冲突插件并合理配置,确保扩展功能稳定运行,提高浏览器效率。
2026-01-19
谷歌浏览器支持多账户同步和数据保护,本教程指导下载后操作步骤,帮助用户在不同设备间安全同步数据。
2026-01-01
谷歌浏览器支持自动填充密码功能,教程介绍密码保存、管理及安全设置技巧,帮助用户提高登录效率,确保账户信息安全可靠。
2026-01-05
Windows系统用户可通过谷歌浏览器下载安装及安全设置步骤,保障数据安全,同时优化浏览器使用效率。
2026-01-21
Chrome浏览器插件数据可批量导出与备份,通过操作教程提升管理效率。本文提供详细步骤和实用技巧。
2026-02-02
教程 指南 问答 专题
安卓手机如何安装谷歌浏览器
2024-07-24
Windows10系统安装chrome浏览器教程
2022-08-26
电脑上安装不了谷歌浏览器怎么回事
2023-03-30
如何处理 Chrome 中“可能很危险”的下载提示?
2022-05-31
如何在 Fire TV Stick 上安装 Chrome?
2022-05-31
谷歌浏览器怎么下载b站视频
2023-01-28
在PC或Mac上加速Google Chrome的10种方法
2022-06-13
在Ubuntu上安装Chrome的最佳方式
2022-05-31
如何在Windows系统上安装Google Chrome
2024-09-12
如何在 Android TV 上安装谷歌浏览器?
2022-05-31