ビデオをロードする前にボタンをjsでフェードアウトに設定する

Question

私はまだ.jsのnoobですが、ここで自分のことをやろうとしています; ビデオが一時停止しているときに「一時停止」ボタンを消したいです。これまで見えていたので、私はこの小さな男に最初に退屈するように言わなければならないと思うので、$（これ））.children（ "。pauseicon"）することができます。その後。私はそれのためにjqueryといくつかのjsを使いました。 すべてのアイデア？

$('.video').parent().click(function() { 
if($(this).children(".video").get(0).paused){ 
    $(this).children(".video").get(0).play(); 
    $(this).children(".playicon").fadeOut(); 
}else{ 
    $(this).children(".video").get(0).pause(); 
    $(this).children(".pauseicon").fadeIn(); 
} 

}）; JSFiddle作業

Fiddle

Answer 1

。私は最初に一時停止ボタンを隠し、次にクリックするたびに一時停止ボタンを消した。

$(".pauseicon").hide(); 
$('.video').parent().click(function() { 
    if($(this).children(".video").get(0).paused){ 
     $(this).children(".pauseicon").fadeOut(); 
     $(this).children(".video").get(0).play(); 
     $(this).children(".playicon").fadeOut(); 
    }else{ 
     $(this).children(".video").get(0).pause(); 
     $(this).children(".pauseicon").fadeIn(); 
    } 
});