jQuery的不帶視頻

Question

我想獲得一個視頻淡出使用jQuery

在我的HTML我有這個視頻工作：

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