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);