只有当框出现时，如何使youtube嵌入的视频加载 [英] How to make youtube embedded video load only when box appears

查看：108 发布时间：2018/6/25 18:43:01 javascript html css youtube

本文介绍了只有当框出现时，如何使youtube嵌入的视频加载的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

在我的代码中，当用户点击一个按钮时，youtube视频将出现在弹出窗口中。

只有当有人点击按钮并弹出窗口出现时，我才想加载视频，当有人关闭盒子时，它会停止播放。

目前，我的代码只是隐藏显示器，没有其他更多。

HTML：
< button id =watchbutton>观看预告片&＃9658< / button> < div id =close> < div id =trailerdivbox> < div class =videoWrapper> src =https://www.youtube.com/embed/TDwJDRbSYbwframeborder =0<br/> allowfullscreen>< / iframe> <br/>< / div> <br/>< / div> <br/>< / div> <br/> </code> </pre><p> CSS：</b> <br/> <br/> </p><pre> <code> / *观看预告片按钮CSS * / <br/> #watchbutton {<br/> background-color：＃f2f2f2; <br/>颜色：红色; <br/> font-weight：600; <br/> border：none; / *这一个删除按钮的边界* / <br/> padding：10px 12px; <br/> <br/>} <br/> <br/> #watchbutton：hover {<br/> background-color：＃e2e2e2; <br/>光标：指针; <br/>} <br/> <br/> #trailerdivbox {<br/> display：none; <br/>宽度：100％; <br/>身高：100％; <br/>位置：固定; <br/>溢出：auto; / *启用滚动* / <br/> background-color：rgb（0,0,0）; / *备用颜色* / <br/> background-color：rgba（0,0,0,0.4）; / *黑色不透明* / <br/> <br/> <br/>} <br/> <br/>。视频包装器{<br/>位置：相对; <br/>填充底部：56.25％; / * 16：9 * / <br/> padding-top：25px; <br/> height：0; <br/>} <br/> .videoWrapper iframe {<br/> position：absolute; <br/>最大宽度：560px; <br/>最大高度：315px; <br/>宽度：95％; <br/>身高：95％; <br/>剩下：0; <br/> right：0; <br/> margin：auto; <br/> <br/> </code> </pre><p> Javascript：</b> <br/> <br/> </p><pre> <code> //获取模态<br/> var modal = document.getElementById（'trailerdivbox'）; <br/> <br/> //获取打开模式<br/>的按钮var btn = document.getElementById（watchbutton）; <br/> <br/> //当用户点击按钮时，打开模式<br/> btn.onclick = function（）{<br/> modal.style.display =block; <br/>} <br/> <br/> var trailerbox = document.getElementById（close）; <br/> <br/> trailerbox.onclick = function（）{<br/> modal.style.display =none; <br/>} <br/> <br/> //当用户点击模式外的任何地方时，关闭它<br/> window.onclick = function（event）{<br/> if（event.target = = modal）{<br/> modal.style.display =none; <br/>} <br/>} <br/> </code> </pre><p> <br/> </p><div class =h2_lin>解决方案</div><p> Add <code>？autoplay = 1 </code>到您的iframe <code> src </code>。</p> <br/> <br/> <p> <em> <em> <em> <em> </em> <c $ c> src </code>停止播放视频。</p> <br/> <br/> <p> $ c> iframe </code>仅在按钮单击时才提供源代码，而不是在文档加载时加载，您应该在<code上设置<code> src </code>属性> playVideo（）</code>函数。</p> <br/> <br/> <p>为此，您可以向<code> iframe添加一个新属性</code>（<code> data-src </code>），它将存储视频URL，然后在需要时访问它的值。</p> <br/> <br/> <p> </p><div class =snippetdata-lang =jsdata-hide =truedata-console =truedata-babel =false> </p><div class =snippet-code snippet-currently -hidden> </p><pre-class =snippet-code-js lang-js prettyprint-override> <code> //获取modalvar modal = document.getElementById（'trailerdivbox'）; //获取按钮打开modalvar btn = document.getElementById（watchbutton）;好玩ction playVideo（）{var video = document.getElementById（'video'）; var src = video.dataset.src; video.src = src +'？autoplay = 1';} function resetVideo（）{var video = document.getElementById（'video'）; var src = video.src.replace（'？autoplay = 1'，''）; video.src =''; video.src = src;} //当用户点击按钮时，打开模式btn.onclick = function（）{modal.style.display =block; playVideo（）;} var trailerbox = document.getElementById（close）; trailerbox.onclick = function（）{modal.style.display =none; resetVideo（）;} //当用户点击模态外的任何地方时，关闭itwindow.onclick = function（event）{if（event.target == modal）{modal.style.display =none; resetVideo（）; }} </code> </pre><p> </p><pre class =snippet-code-css lang-css prettyprint-override> <code> / *观看预告片按钮CSS * /＃watchbutton {background-color：＃f2f2f2;红色; font-weight：600; border：none; / *这一个删除按钮的边界* / padding：10px 12px;}＃watchbutton：hover {background-color：＃e2e2e2; cursor：pointer;}＃trailerdivbox {display：none;宽度：100％;身高：100％;位置：固定;溢出：自动; / *启用滚动* / background-color：rgb（0，0，0）; / *回退颜色* / background-color：rgba（0，0，0，0.4）; / *黑色不透明* /}。videoWrapper {position：relative;填充底部：56.25％; / * 16：9 * / padding-top：25px; height：0;}。videoWrapper iframe {position：absolute; max-width：560px; max-height：315px;宽度：95％;身高：95％;左：0;正确：0; margin：auto;} </code> </pre><p> </p><pre class =snippet-code-html lang-html prettyprint-override> <code>< button id =watchbutton >观看预告&＃9658< / button>< div id =close> < div id =trailerdivbox> < div class =videoWrapper> < iframe id =videoclass =trailervideowidth =560height =315src =https://www.youtube.com/embed/TDwJDRbSYbwframeborder =0allowfullscreen>< /的iframe&GT; &LT; / DIV&GT; < / div>< / div> </code> </pre><p> </div><p> </div><p> <b> <b> <b> <b> a href =https://jsfiddle.net/kz0xxe22/3/ =nofollow noreferrer>小提琴</a>如果您无法播放上述片段中的视频。</p> <br/><p>In my code, youtube video appears in a pop-up window, when users click on a button. </p> <p><a href="https://jsfiddle.net/kz0xxe22/" rel="nofollow noreferrer">This is my fiddle</a> </p> <p>I want the video to load only when someone click on the button and pop-up window appears, and it to stop playing, when someone close the box. </p> <p>Currently,my code just hide the display, nothing more than that.</p> <p>HTML: </p><pre><code><button id="watchbutton">Watch Trailer &#9658</button> <div id="close"> <div id="trailerdivbox" > <div class="videoWrapper"> <iframe class="trailervideo" width="560" height="315" src="https://www.youtube.com/embed/TDwJDRbSYbw" frameborder="0" allowfullscreen></iframe> </div> </div> </div> </code></pre><p>CSS:</p><pre><code>/* Watch Trailer Button CSS */ #watchbutton { background-color:#f2f2f2; color:red; font-weight:600; border: none; /* This one removes the border of button */ padding: 10px 12px; } #watchbutton:hover { background-color:#e2e2e2; cursor:pointer; } #trailerdivbox { display:none; width: 100%; height:100%; position:fixed; overflow: auto; /* Enable Scrolling */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; max-width:560px; max-height:315px; width: 95%; height: 95%; left:0; right:0; margin:auto; } </code></pre><p>Javascript: </p><pre><code>// Get the modal var modal = document.getElementById('trailerdivbox'); // Get the button that opens the modal var btn = document.getElementById("watchbutton"); // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block"; } var trailerbox = document.getElementById("close"); trailerbox.onclick = function() { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </code></pre><p> </p><div class="h2_lin"> 解决方案 </div><p>Add <code>?autoplay=1</code> to your iframe <code>src</code>.</p> <p>And <em>reset</em> the <code>src</code> to stop the video.</p> <p>To load the <code>iframe</code> source only on button click, instead of loading it on document load, you should set the <code>src</code> attribute on <code>playVideo()</code> function.</p> <p>For that, you can add a new attribute to your <code>iframe</code> (<code>data-src</code>), which will store the video URL, and then, access it's value when needed.</p> <p></p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false"> </p><div class="snippet-code snippet-currently-hidden"> </p><pre class="snippet-code-js lang-js prettyprint-override"><code>// Get the modal var modal = document.getElementById('trailerdivbox'); // Get the button that opens the modal var btn = document.getElementById("watchbutton"); function playVideo() { var video = document.getElementById('video'); var src = video.dataset.src; video.src = src + '?autoplay=1'; } function resetVideo() { var video = document.getElementById('video'); var src = video.src.replace('?autoplay=1', ''); video.src = ''; video.src = src; } // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block"; playVideo(); } var trailerbox = document.getElementById("close"); trailerbox.onclick = function() { modal.style.display = "none"; resetVideo(); } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; resetVideo(); } }</code></pre><p> </p><pre class="snippet-code-css lang-css prettyprint-override"><code>/* Watch Trailer Button CSS */ #watchbutton { background-color: #f2f2f2; color: red; font-weight: 600; border: none; /* This one removes the border of button */ padding: 10px 12px; } #watchbutton:hover { background-color: #e2e2e2; cursor: pointer; } #trailerdivbox { display: none; width: 100%; height: 100%; position: fixed; overflow: auto; /* Enable Scrolling */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; max-width: 560px; max-height: 315px; width: 95%; height: 95%; left: 0; right: 0; margin: auto; }</code></pre><p> </p><pre class="snippet-code-html lang-html prettyprint-override"><code><button id="watchbutton">Watch Trailer &#9658</button> <div id="close"> <div id="trailerdivbox"> <div class="videoWrapper"> <iframe id="video" class="trailervideo" width="560" height="315" src="https://www.youtube.com/embed/TDwJDRbSYbw" frameborder="0" allowfullscreen></iframe> </div> </div> </div></code></pre><p> </div><p> </div><p> </p> <p>See the <a href="https://jsfiddle.net/kz0xxe22/3/" rel="nofollow noreferrer">fiddle</a> if you can't play the video in the snippet above.</p> <p>这篇关于只有当框出现时，如何使youtube嵌入的视频加载的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！</p> </div> <div class="arc-body-main-more"> <span onclick="unlockarc('877614');">查看全文</span> </div> </div> <div> </div> <div class="wwads-cn wwads-horizontal" data-id="166" style="max-width:100%;border: 4px solid #666;"></div> </div> </article> <div id="arc-ad-2" class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="widget bgwhite radius-1 mb-1 shadow widget-rel"> <h5>相关文章</h5> <ul> <li> <a target="_blank" title="如何手动使加载gif的颜色框出现？" href="/2005951.html"> 如何手动使加载gif的颜色框出现？; </a> </li> <li> <a target="_blank" title="如何使CheckBox的焦点边框出现时调用CheckBox.Focus（）？" href="/509549.html"> 如何使CheckBox的焦点边框出现时调用CheckBox.Focus（）？; </a> </li> <li> <a target="_blank" title="如何使 YouTube 嵌入视频成为整页宽度的视频?" href="/2776962.html"> 如何使 YouTube 嵌入视频成为整页宽度的视频?; </a> </li> <li> <a target="_blank" title="UIWebView YouTube 嵌入视频未加载" href="/2456484.html"> UIWebView YouTube 嵌入视频未加载; </a> </li> <li> <a target="_blank" title="如何使嵌入的 Youtube 视频自动开始播放?" href="/2697771.html"> 如何使嵌入的 Youtube 视频自动开始播放?; </a> </li> <li> <a target="_blank" title="如何使YouTube嵌入视频的全页宽度一？" href="/562388.html"> 如何使YouTube嵌入视频的全页宽度一？; </a> </li> <li> <a target="_blank" title="嵌入YouTube视频" href="/805373.html"> 嵌入YouTube视频; </a> </li> <li> <a target="_blank" title="嵌入YouTube视频" href="/914883.html"> 嵌入YouTube视频; </a> </li> <li> <a target="_blank" title="jQTouch：如何嵌入YouTube视频？" href="/884352.html"> jQTouch：如何嵌入YouTube视频？; </a> </li> <li> <a target="_blank" title="如何恢复嵌入的 YouTube 视频?" href="/2466963.html"> 如何恢复嵌入的 YouTube 视频?; </a> </li> <li> <a target="_blank" title="加载YouTube视频时出现问题" href="/2279545.html"> 加载YouTube视频时出现问题; </a> </li> <li> <a target="_blank" title="使嵌入的 YouTube 视频自动播放和循环" href="/2776982.html"> 使嵌入的 YouTube 视频自动播放和循环; </a> </li> <li> <a target="_blank" title="嵌入YouTube视频时出现菜单显示问题" href="/1369415.html"> 嵌入YouTube视频时出现菜单显示问题; </a> </li> <li> <a target="_blank" title="嵌入YouTube视频，而YouTube的链接" href="/48823.html"> 嵌入YouTube视频，而YouTube的链接; </a> </li> <li> <a target="_blank" title="youtube视频嵌入pyqt" href="/2350464.html"> youtube视频嵌入pyqt; </a> </li> <li> <a target="_blank" title="javascript嵌入youtube视频" href="/2467052.html"> javascript嵌入youtube视频; </a> </li> <li> <a target="_blank" title="嵌入YouTube视频的CSP" href="/2219692.html"> 嵌入YouTube视频的CSP; </a> </li> <li> <a target="_blank" title="无法使模态框出现使用JQuery" href="/583222.html"> 无法使模态框出现使用JQuery; </a> </li> <li> <a target="_blank" title="如何使对话框出现在左边？" href="/151902.html"> 如何使对话框出现在左边？; </a> </li> <li> <a target="_blank" title="YouTube:如何呈现静音的嵌入视频" href="/2776938.html"> YouTube:如何呈现静音的嵌入视频; </a> </li> <li> <a target="_blank" title="如何嵌入没有Cookie的YouTube视频?" href="/2219933.html"> 如何嵌入没有Cookie的YouTube视频?; </a> </li> <li> <a target="_blank" title="为什么只有youtube嵌入iPad？" href="/882425.html"> 为什么只有youtube嵌入iPad？; </a> </li> <li> <a target="_blank" title="在iphone上嵌入YouTube视频时出现问题" href="/892815.html"> 在iphone上嵌入YouTube视频时出现问题; </a> </li> <li> <a target="_blank" title="键盘出现时如何使UITextView可滚动?" href="/1527830.html"> 键盘出现时如何使UITextView可滚动?; </a> </li> <li> <a target="_blank" title="在尝试加载YouTube视频之前，如何判断该视频是否可嵌入？" href="/2063307.html"> 在尝试加载YouTube视频之前，如何判断该视频是否可嵌入？; </a> </li> </ul> </div> <div class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="side"> <div class="widget widget-side bgwhite mb-1 shadow"> <h5>前端开发最新文章</h5> <ul> <li> <a target="_blank" title="为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？" href="/1996151.html"> 为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？; </a> </li> <li> <a target="_blank" title="错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接" href="/749568.html"> 错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接; </a> </li> <li> <a target="_blank" title="如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？" href="/1009885.html"> 如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？; </a> </li> <li> <a target="_blank" title="如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？" href="/884909.html"> 如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？; </a> </li> <li> <a target="_blank" title="警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件" href="/818517.html"> 警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件; </a> </li> <li> <a target="_blank" title="如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？" href="/343346.html"> 如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？; </a> </li> <li> <a target="_blank" title="此请求已被阻止;内容必须通过HTTPS提供" href="/886417.html"> 此请求已被阻止;内容必须通过HTTPS提供; </a> </li> <li> <a target="_blank" title="资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）" href="/562873.html"> 资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）; </a> </li> <li> <a target="_blank" title="通过HTTPS加载页面但请求不安全的XMLHttpRequest端点" href="/885901.html"> 通过HTTPS加载页面但请求不安全的XMLHttpRequest端点; </a> </li> <li> <a target="_blank" title="拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。" href="/47347.html"> 拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。; </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门教程 </h5> <ul> <li> <a target="_blank" title="Java教程" href="/OnLineTutorial/java/index.html"> Java教程 </a> </li> <li> <a target="_blank" title="Apache ANT 教程" href="/OnLineTutorial/ant/index.html"> Apache ANT 教程 </a> </li> <li> <a target="_blank" title="Kali Linux教程" href="/OnLineTutorial/kali_linux/index.html"> Kali Linux教程 </a> </li> <li> <a target="_blank" title="JavaScript教程" href="/OnLineTutorial/javascript/index.html"> JavaScript教程 </a> </li> <li> <a target="_blank" title="JavaFx教程" href="/OnLineTutorial/javafx/index.html"> JavaFx教程 </a> </li> <li> <a target="_blank" title="MFC 教程" href="/OnLineTutorial/mfc/index.html"> MFC 教程 </a> </li> <li> <a target="_blank" title="Apache HTTP客户端教程" href="/OnLineTutorial/apache_httpclient/index.html"> Apache HTTP客户端教程 </a> </li> <li> <a target="_blank" title="Microsoft Visio 教程" href="/OnLineTutorial/microsoft_visio/index.html"> Microsoft Visio 教程 </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门工具 </h5> <ul> <li> <a target="_blank" title="Java 在线工具" href="/Onlinetools/details/4"> Java 在线工具 </a> </li> <li> <a target="_blank" title="C(GCC) 在线工具" href="/Onlinetools/details/6"> C(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="PHP 在线工具" href="/Onlinetools/details/8"> PHP 在线工具 </a> </li> <li> <a target="_blank" title="C# 在线工具" href="/Onlinetools/details/1"> C# 在线工具 </a> </li> <li> <a target="_blank" title="Python 在线工具" href="/Onlinetools/details/5"> Python 在线工具 </a> </li> <li> <a target="_blank" title="MySQL 在线工具" href="/Onlinetools/Dbdetails/33"> MySQL 在线工具 </a> </li> <li> <a target="_blank" title="VB.NET 在线工具" href="/Onlinetools/details/2"> VB.NET 在线工具 </a> </li> <li> <a target="_blank" title="Lua 在线工具" href="/Onlinetools/details/14"> Lua 在线工具 </a> </li> <li> <a target="_blank" title="Oracle 在线工具" href="/Onlinetools/Dbdetails/35"> Oracle 在线工具 </a> </li> <li> <a target="_blank" title="C++(GCC) 在线工具" href="/Onlinetools/details/7"> C++(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="Go 在线工具" href="/Onlinetools/details/20"> Go 在线工具 </a> </li> <li> <a target="_blank" title="Fortran 在线工具" href="/Onlinetools/details/45"> Fortran 在线工具 </a> </li> </ul> </div> </div> </div> <script type="text/javascript">var eskeys = '只,有当,框出,现时,如何,使,youtube,嵌入,的,视频,加载'; var cat = 'cc';';//qianduan</script> </div> <div id="pop" onclick="pophide();"> <div id="pop_body" onclick="event.stopPropagation();"> <h6 class="flex flex101"> 登录 <span onclick="pophide();">关闭</span> </h6> <div class="pd-1"> <div class="wxtip center"> <span>扫码关注<em>1秒</em>登录</span> </div> <div class="center"> <img id="qr" src="https://huajiakeji.com/Content/Images/qrydx.jpg" alt="" style="width:150px;height:150px;" /> </div> <div style="margin-top:10px;display:flex;justify-content: center;"> <input type="text" placeholder="输入验证码" id="txtcode" autocomplete="off" /> <input id="btngo" type="button" onclick="chk()" value="GO" /> </div> <div class="center" style="margin: 4px; font-size: .8rem; color: #f60;"> 发送“验证码”获取 <em style="padding: 0 .5rem;">|</em> <span style="color: #01a05c;">15天全站免登陆</span> </div> <div id="chkinfo" class="tip"></div> </div> </div> </div> <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/highlight.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/base.js?v=0.22"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/tui.js?v=0.11"></script> <footer class="footer"> <div class="container"> <div class="flink mb-1"> 友情链接： <a href="https://www.it1352.com/" target="_blank">IT屋</a> <a href="https://huajiakeji.com/" target="_blank">Chrome插件</a> <a href="https://www.cnplugins.com/" target="_blank">谷歌浏览器插件</a> </div> <section class="copyright-section"> <a href="https://www.it1352.com" title="IT屋-程序员软件开发技术分享社区">IT屋</a> ©2016-2022 <a href="http://www.beian.miit.gov.cn/" target="_blank">琼ICP备2021000895号-1</a> <a href="/sitemap.html" target="_blank" title="站点地图">站点地图</a> <a href="/Home/Tags" target="_blank" title="站点标签">站点标签</a> <a target="_blank" alt="sitemap" href="/sitemap.xml">SiteMap</a> <a href="/1155981.html" title="IT屋-免责申明"><免责申明></a> 本站内容来源互联网,如果侵犯您的权益请联系我们删除. </section>  <script type="text/javascript"> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?0c3a090f7b3c4ad458ac1296cb5cc779"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript"> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </div> </footer> </body> </html>