Question

我希望嵌入的视频在网站加载时加载HIDE。

你能帮我解决这个问题。谢谢。我不是很擅长编程所以我需要所有的帮助，但我知道基本的东西。

<!DOCTYPE html>
    <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){ 
      $(".btn1").click(function(){ 
        $("p").slideUp();
      });
      $(".btn2").click(function(){
        $("p").slideDown();
      });
    });
    </script>
    </head>
    <body>

    <p><iframe width="420" height="315" src="//www.youtube.com/embed/b8B1O0Fak5s" frameborder="0" allowfullscreen></iframe></p>
    <button class="btn1">Slide up</button>
    <button class="btn2">Slide down</button>

    </body>
    </html>

Answer 1

您可以使用延迟功能。

我也认为你可以在这里找到答案 Hide a div while page is loading?

<强>的jQuery

jQuery(window).load (function () { 
   jQuery('#DIV').removeClass('hidden_div')
});

<强> CSS

div.hidden_div { display: none }

以上内容将删除该类，并在页面加载完成后显示该元素。

Answer 2

你可以这样做：

$("p iframe").hide();

或者只是给它一个风格：

iframe {
    style: display: none;
}

如何在网站加载时隐藏视频？

2 个答案: