비디오를로드하기 전에 버튼을 js로 페이드 아웃하도록 설정하십시오.

Question

저는 여전히 .js에 멍청하지만 내 일을하려고합니다;) 비디오가 일시 정지되었을 때 "일시 중지 버튼"이 사라 지길 원합니다. 지금까지는 항상 볼 수 있기 때문에 처음에는이 작은 녀석이 퇴색 했으므로 $ (this.) .children (". pauseicon") 할 수 있습니다. fadeIn(); 그 후. 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(); 
} 

});

Fiddle

Answer 1

는 JSFiddle 작업. 처음에는 일시 중지 버튼을 숨긴 다음 모든 클릭에 일시 중지 버튼을 머 금고 있습니다.

$(".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(); 
    } 
});