我无法摆脱我网站上视频周围的薄灰色大纲。

Question

在网站的着陆页上，我有两个自动播放和循环的视频。我希望他们与背景融为一体，但他们俩都有一个我无法摆脱的薄灰色轮廓。我已经尝试了几乎所有事情，已经感觉很愚蠢。我认为这与浏览器有关，但已经尝试以这种方式进行造型。我如何摆脱它们？

我尝试了不透明度，混合模式，每个将要摆脱它的边框样式选项，调用-webkit-和样式，摆脱焦点，溢出等。

[示例] [1] [1]：https：//i.sstatic.net/yleucjx7.png

Answer 1

元素可以播放视频，而无需视频声音。更好的是，您可以在没有任何HTML的情况下以编程方式使用

Audio()

构造函数：

const player = new Audio("https://host.com/path/to/mp.4")
player.autoplay = true;
player.loop = true;
player.play()

下面的示例具有用于演示目的的播放/暂停按钮。

const mp4 = new Audio("https://media.istockphoto.com/id/482277170/video/old-film-leader-with-sound.mp4?s=mp4-640x640-is&k=20&c=PQN8ew2d8rBVXEJTT6sLn8_OoxttsByhHDcftpr2z0U=");

mp4.loop = true;
mp4.autoplay = true;

document.getElementById("play").onclick = e => {
  if (mp4.paused || mp4.ended) {
    mp4.play();
  } else {
    mp4.pause();
  }
};

<button id="play" style="border:0;padding:0;font-size: 4rem;cursor:pointer">⏯️</button>