时间戳

首页 > 解决方案 > 我需要通过按下按钮 JS 在后台删除视频

javascript - 我需要通过按下按钮 JS 在后台删除视频

问题描述

我在后台有一个始终播放的视频。但我想让禁用它以减少电脑上的负载成为可能。如何使用 JavaScript 做到这一点。我试图将不透明度设为 0，但我认为视频仍在播放并产生额外的负载。对不起我的英语

const backVideo = document.querySelector("video");
var videoButton = document.getElementById("VideoOf")
var videoButtonOn = document.getElementById("VideoOn")

function videoOf() {
  backVideo.style.opacity = "0"
  if (backVideo.style.opacity = "0"){
    videoButton.style.opacity = "0"
    videoButtonOn.style.opacity = "1"
    
  } 
}
function videoOn() {
  backVideo.style.opacity = "1"
  if(backVideo.style.opacity = "1"){
    videoButtonOn != null;
    videoButton.style.opacity = "1"
    videoButtonOn.style.opacity = "0"
  }
}

标签： javascript

解决方案

例如，如果您有此类型代码：

<video width="500" height="300" autoplay muted loop id="video">
      <source src="example.mp4" type="video/mp4">
</video>

您基本上可以默认删除此处的源部分，然后在页面加载后添加它。

所以默认情况下：

<video width="500" height="300" autoplay muted loop id="video">
      
</video>

脚本 ：

function videoOn() {
document.getElementById('video').innerHTML=
'<source src="example.mp4" type="video/mp4">';
}

我只是向您展示了如何轻松完成它。当然，通过更恰当地使用元素创建和属性函数，它可以写成很好的形式。

推荐阅读