javascript - jQuery 无法处理视频

Question

我正在尝试使用 jQuery 让视频淡出

在我的 html 上我有这个视频:

html

  <video playsinline autoplay loop id="video">
      <source src="myVideo.mp4" type="video/mp4">
  </video>

然后在我的 js 文件上:

var $vid = $('#video');

$vid.delay(2000).fadeOut(500);

我让视频消失而不是淡出。任何帮助表示赞赏。谢谢

Answer 1

浏览器之间在处理应用于视频标签的不透明度方面似乎存在一些不一致。虽然我不清楚不一致的原因，但我能够重现它，并通过添加父 div 并淡化 div 来解决它。

所以，html 会是:

<div>
    <video playsinline autoplay loop id="video">
        <source src="myVideo.mp4" type="video/mp4">
    </video>
</div>

那么，JS将是:

var $vid = $('#video');
$vid.delay(2000).parent().fadeOut(500);