javascript - ムービーを表示してから div をフェードアウト

Question

私はカスタムマップに取り組んでいます.Googleからのマップを持っていて、スタイルを警告しています-それはすべて機能します. しかし、HTML5 ムービーを重ねて表示し、div終了後にフェードアウトしたいと考えています。これは私がこれまでに得たものです。

jQuery

<script type="text/javascript">
    $('#soundlogo').delay(400).fadeOut(400);
</script>

CSS

#soundlogo {
    height:100%;
    width:100%;
    display:block;
    background-color:#FFF;
    position:fixed;
    z-index:100;
}

体

<div id="soundlogo">
    <video width="100%" autoplay>
        <source src="video/soundlogo-web.mp4" type="video/mp4" />
        Your browser does not support the video tag.
    </video>
</div>

問題は、フェードがまったく発生しないことです。

Answer 1

readyjQuery コードを次の関数でラップする必要があります。

$(document).ready(function(){
    $('#soundlogo').delay(400).fadeOut(400);
});