2017-04-08 9 views
0

で作業していない私は、このビデオを持っている:jQueryのは私のhtmlでのjQuery</p> <p>を使用してフェードアウトする動画を取得しようとしていたビデオ

私のjsファイルに次に

HTML

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

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

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

フェードアウトではなく、ビデオが消えるだけです。どんな助けもありがたい。ありがとう

+0

あなたはjqueryののどのバージョンを使用していますか? – nixkuroi

+0

@nixkuroiあなたの提供されたリンクはこの質問と重複していません。これはオーディオの再生を遅らせることについてですが、これはビデオ***レンダリング***をフェードアウトすることですが、JavaScriptの問題は簡単には解決できません。 –

+0

[jQuery:variables play()関数の遅延?](http://stackoverflow.com/questions/21850830/jquery-delay-a-variables-playfunction) – Emad

答えて

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); 
関連する問題