我来帮你梳理下代码里的几个关键问题，这些应该就是导致播放器在Chrome和Opera里失效的原因：

1. 变量名不一致引发的未定义错误 #

你先定义了获取视频元素的变量：

var vid = document.getElementById("videos");

但紧接着写了videos.muted = false;——这里的videos是DOM元素的id，不是你定义的变量名，浏览器会直接抛出ReferenceError，导致后续脚本完全无法执行。正确写法应该是：

vid.muted = false;

2. 事件处理程序错误赋值 #

这行代码存在逻辑错误：

vid.onended = videoStop();

带括号的写法会立即执行videoStop()函数，而不是把函数绑定到视频结束的事件上。你需要去掉括号，把函数本身赋值给事件：

vid.onended = videoStop;

3. 补充：确保播放/暂停函数的逻辑正确 #

假设你的videoStart()和videoStop()还没完善，这里给出标准的实现（还要考虑浏览器的自动播放策略限制）：

function videoStart() {
  // 用catch捕获播放失败的情况（比如浏览器阻止自动播放）
  vid.play().catch(err => {
    console.error("播放触发失败:", err);
    // 可以在这里给用户提示，比如需要手动点击播放
  });
}

function videoStop() {
  vid.pause();
}

修复后的完整代码示例 #

<div id="buttonOn"><img src="assets/playbl.png" onClick="videoStart()" ></div>
<div id="buttonOff"><img src="assets/pausebl.ico" onClick="videoStop()"></div>
<!-- 记得补充video元素的src属性 -->
<video id="videos" src="your-video-url.mp4"></video>

<script>
var vid = document.getElementById("videos");
vid.muted = false;
var buttonOn = document.getElementById("buttonOn");
var buttonOff = document.getElementById("buttonOff");

// 正确绑定视频结束事件
vid.onended = videoStop;

function videoStart() {
  vid.play().catch(err => {
    console.error("播放失败:", err);
  });
}

function videoStop() {
  vid.pause();
}
</script>

另外注意：Chrome和Opera现在有严格的自动播放规则，视频必须由用户手动交互（比如点击按钮）才能触发播放，所以videoStart()里的catch很有必要，能帮你排查播放失败的具体原因。

内容的提问来源于stack exchange，提问作者Bullk