首页 > 解决方案 > 如何从 youtube 制作视频 disappear while scrolling down html</p> </div> <div class="container" id="article"> <div class="page-header"> <h1>javascript - 如何从 youtube 制作视频<iframe> disappear while scrolling down html</h1> </div> <div class="con"> <h3>问题描述</h3> <p>I want to know how to make a video from youtube disappear while i am scrolling down through the page.</p>
<p><a href="https://i.stack.imgur.com/SETgy.jpg" rel="nofollow noreferrer">Image 1</a>
<a href="https://i.stack.imgur.com/05vSl.jpg" rel="nofollow noreferrer">Image 2</a></p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code> <!-----------------------------VIDEO E TEXTO------------------------------------->

 <br> 
 <br>
 <br>
 <div class="vid-container">
 <div style="max-width:1280px;margin:0 auto; padding:5px; " >
 <div style="position: relative;padding-bottom: 56.25%; height: 0; overflow: hidden;">
 <iframe width="1280" height="720" frameborder="0" allowfullscreen="" autoplay src="https://www.youtube.com/embed/WSYWLB3QKik?autoplay=1&mute=1" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; max-width: 1280px; max-height: 720px;" tabindex="-1"></iframe>
 </div>
 </div>
 </div>


 <section>
 <div class="content">
 <p>Hardwell (nascido como Robbert van de Corput em Breda, Holanda) é um produtor progressivo de electro house DJ. Em 2009 , após o sucesso de “Show Me Love vs.Be”, ele começou a produzir várias outras track “singles” de sucesso na EDM como “Encoded” e “Cobra” e também começou a forma grandes parcerias como o seu ídolo de infância DJ Tiesto e entre outros nomes da musica eletrônica.
 
 

</body>

</html></code></pre>
</div>
</div>
</p>
<p>(Academic work)</p>
<p class="author">标签： <span>javascript</span><span>html</span></div> <h3>解决方案</h3> <hr> <div class="con "> <div class="body"> <p>您可以查看车轮事件。</p> <pre><code>window.addEventListener("wheel", function(e) { let Video = document.querySelector("iframe"); //If deltaY bigger than zero that means we are scrolling down. if(e.deltaY > 0) { Video.style.display = "none"; } else { Video.style.display = "initial"; } }); </code></pre> </div> <div class="clear"></div> </div> <hr> <h3>推荐阅读</h3> <ul> <li><a href="/question/67025316.html">reactjs - react.js 得到了：时间戳被分配了一个值，但从未使用过</a></li><li><a href="/question/67025318.html">java - 在 Spring Jpa 中查询多对多关系</a></li><li><a href="/question/67025321.html">javascript - 使用 javascript 调用 ng-click</a></li><li><a href="/question/67025323.html">java - 如何修复 java.lang.NullPointerException：尝试调用接口方法'boolean java.util.List.add(java.lang.Object)？</a></li><li><a href="/question/67025328.html">c# - 带参数和 TabBar 的 Shell 路由</a></li><li><a href="/question/67025330.html">javascript - 节点脚本类型错误：无法读取未定义的属性“作者”</a></li><li><a href="/question/67025332.html">java - 我的 tcp 客户端 hello 没有 sni，即使我添加了它</a></li><li><a href="/question/67025335.html">arrays - 如何将字符串中的数字序列添加到c中的整数数组？</a></li><li><a href="/question/67025336.html">dry - 在 LiliyPond 中，你如何改变音乐表达方式？</a></li><li><a href="/question/67025338.html">c - 错误无法绑定套接字：无法分配请求的地址</a></li> </ul> </div> <footer> <p><a href="/">时间戳在线转换</a></p> </footer> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6117966252207595" crossorigin="anonymous"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?7145e10314e5e27e886ad54be2aeb067"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body></html>