播放后淡出html5视频对象

jquery

2012-08-10 150 views 7 likes

我有一个登录页面，我想要做的就是在完成播放以显示底下的背景后淡出对象。使用jQuery或任何其他方法淡出<video>或<div>标记是好的。播放后淡出html5视频对象

<div id="video"> 
<video width="100%" height="auto" autoplay="autoplay"> 
    <source src="monarch.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
    <source src="monarch.ogv" type='video/ogg; codecs="theora, vorbis"'> 
</video> 
</div>

来源

2012-08-10 Vinnie James

回答

尝试以下操作：

$('#video video').bind('ended', function(){ 
    $(this).parent().fadeOut() 
})

来源

2012-08-10 05:30:39 undefined

好的，谢谢。这也适用于使用动画，以保持该块元素不变：。 \t $（ '＃视频录像'）绑定（ '结束'，函数（）{ \t \t $（本）.parent（）动画（{不透明度：0}，3000）; \t}） – 2012-08-10 06:02:49

@Vince欢迎您:)。 – undefined 2012-08-10 06:26:42

太好了...谢谢.... – Vishnu 2016-12-28 09:05:10

回答

相关问题