Jquery firefox页面加载中的Css隐藏div

我正在尝试用youtube api显示两个youtube视频。当第一个视频结束时，第二个视频出现。我通过更改div样式隐藏了第二个视频

这段代码适用于chrome，因为chrome会在页面加载时加载隐藏的div。但firefox并没有这样做，它试图在有$（“#player”）.show（“fast”）时加载div；jquery代码。有没有其他方法可以做到这一点。我真的需要在firefox的页面加载中加载这个div内容

<div id="jingle"></div>
    <script >
      // 2. This code loads the IFrame Player API code asynchronously.
      var tag2 = document.createElement('script');
      tag2.src = "//www.youtube.com/iframe_api";
      var firstScriptTag2 = document.getElementsByTagName('script')[0];
      firstScriptTag2.parentNode.insertBefore(tag2, firstScriptTag2);
      // 3. This function creates an <iframe> (and YouTube player)
      //    after the API code downloads.
      var jingle;
      function onYouTubeIframeAPIReady() {
        jingle = new YT.Player('jingle', {
          height: '450',
        width: '720',
        videoId: 'lupOKaNHPAA',
           videoId: 'lupOKaNHPAA',
        playerVars: {'wmode':'opaque', 'showinfo':0, 'autoplay': 1, 'rel': 0, 'controls': 0, 'theme': 'light', 'color': 'white', 'modestbranding':1},
          events: {
            'onReady': onPlayerReady1,
            'onStateChange': onPlayerStateChange1
          }
        });
      }

      function onPlayerReady1(event) {
       // event.target.playVideo();

      }

      function onPlayerStateChange1(event) {

       if(jingle.getPlayerState()==0)
        {
            ytplayer.playVideo();
            $("#jingle").hide("fast");
            $("#player").show("fast");




        }
      }


    </script>

<div id="player" style="display:"></div>

<script>

        var tag = document.createElement('script');

        tag.src = 'http://www.youtube.com/player_api';

        var firstScriptTag = document.getElementsByTagName('script')[0];

        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);



        var ytplayer;

        var interval;

        var stoptime=<?php echo $time;?>;


        var sayi=1;

        var zaman;

        var options = {

            'target': 'player',

            'width': 720,

            'height': 450,

            'videoId': '<?PHP echo $embed;?>',

            'suggestedQuality': 'medium',



            'playerVars': {'wmode':'opaque', 'showinfo':0, 'autoplay': 1, 'cc_load_policy':1, 'cc_lang_pref': <?php if($toplam_dil>=1){echo "'tr'";} else{echo "'en'";} ?>, 'rel': 0, 'controls': 1, 'theme': 'light', 'color': 'white','start': <?PHP echo $s;?>},

            'events': {

                'onStateChange': function(e) {


                    checkTime();

                    showgrade();



                }

            }

        }





        }


        function onYouTubePlayerAPIReady() {


            ytplayer = new YT.Player(options.target, options);



        }



    </script>



<div id="time" style="display:none">0</div>

// 2. 此代码异步加载IFrame播放器API代码。
var tag2=document.createElement（'script'）；
tag2.src=“//www.youtube.com/iframe_api”；
var firstScriptTag2=document.getElementsByTagName（'script'）[0]；
firstScriptTag2.parentNode.insertBefore（tag2，firstScriptTag2）；
// 3. 此函数用于创建（和YouTube播放器）
//API代码下载后。
var-kingle；
函数onyoutubeiframeapiredy（）{
叮当声=新的YT.播放器（“叮当声”{
高度：'450'，
宽度：“720”，
videoId:“Lupokanpaa”，
videoId:“Lupokanpaa”，
PlayerBars:{'wmode'：'opaque'，'showinfo'：0，'autoplay'：1，'rel'：0，'controls'：0，'theme'：'light'，'color'：'white'，'autoplay'：1}，
活动：{
“onReady”：onPlayerReady1，
“onStateChange”：onPlayerStateChange1
}
});
}
函数onPlayerReady1（事件）{
//event.target.playVideo（）；
}
函数onPlayerStateChange1（事件）{
if（jingle.getPlayerState（）==0）
{
ytplayer.playVideo（）；
$（“叮当”）隐藏（“快速”）；
$（“#玩家”）.show（“快速”）；
}
}
var tag=document.createElement（'script'）；
tag.src=http://www.youtube.com/player_api';
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；
球员；
var区间；
var-stoptime=；
var sayi=1；
瓦尔·扎曼；
变量选项={
'目标'：'玩家'，
“宽度”：720，
‘高度’：450，
“videoId”：“，
“建议质量”：“中等”，
'playerVars'：{'wmode'：'opaque'，'showinfo'：0，'autoplay'：1，'cc_load_policy'：1，'cc_lang_pref'：}，
“事件”：{
“onStateChange”：函数（e）{
检查时间（）；
showgrade（）；
}
}
}
}
函数onYouTubePlayerAPIReady（）{
ytplayer=新的YT.Player（options.target，options）；
}
0

尝试在CSS中使用display:none和display:block。使用这些属性将确保元素位于DOM中。

您可以发布实际代码吗？您有任何代码示例吗？您可以使用

$（elem）.css（'dsiplay'，'block'）更改显示权限。