显示电影，然后淡出div

Question

我正在制作自定义地图，我有来自谷歌的地图并提醒样式 - 一切正常。但是我希望在重叠的div中显示HTML5电影，然后在完成后将其淡出。这就是我到目前为止所做的。

的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

您需要使用ready函数包装jQuery代码：

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