在加载视频之前用js设置一个按钮淡出

Question

我仍然是 .js 的菜鸟，但我想在这里做我的事 ;) 我希望 "pausebutton" 在视频暂停时淡出。直到现在它总是可见的，所以我想我必须告诉这个小家伙在开始时淡出，这样我才能 $(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();
    }
});

在加载视频之前用js设置一个按钮淡出

Set a button fade out with js before loading a video

javascript

video

jquery

html5-video