I am using </code> as shown below, to display videos from youtube in my page></p> <p><code><iframe src=\"http://www.youtube.com/v/DNLh8p3aUzQ\" disallowf <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5408099190056760" data-ad-slot="7305827575" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="fly-panel detail-box" id="flyReply"> <fieldset class="layui-elem-field layui-field-title" style="text-align: center;"> <legend>3条回答</legend> </fieldset> <ul class="jieda" id="jieda"> <li data-id="111" class="jieda-daan"> <a name="item-1111111111"></a> <div class="detail-about detail-about-reply"> <a class="fly-avatar" href=""> <img src="https://www.e-learn.cn/qa/data/avatar/000/00/00/small_000000015.jpg" alt=" 一生所求 "> </a> <div class="fly-detail-user"> <a href="" class="fly-link"> <cite> 一生所求</cite> </a> <span>(楼主)</span> </div> <div class="detail-hits"> <span>2021-01-27 13:17</span> </div> </div> <div class="detail-body jieda-body photos"> <p> <p>look at this fiddle, it also makes it responsive https://jsfiddle.net/x5q411jk/</p> <p><div class="snippet" data-lang="js" data-hide="false"> <div class="snippet-code"> <pre class="snippet-code-css lang-css prettyprint-override"><code>/* Flexible iFrame */ .flexible-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .flexible-container iframe, .flexible-container object, .flexible-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><!-- Responsive iFrame --> <div class="flexible-container"> <iframe src="https://www.youtube.com/embed/DNLh8p3aUzQ" width="560px" height="315px" frameborder="0" style="border:0">
</code> as shown below, to display videos from youtube in my page></p> <p><code><iframe src=\"http://www.youtube.com/v/DNLh8p3aUzQ\" disallowf <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5408099190056760" data-ad-slot="7305827575" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="fly-panel detail-box" id="flyReply"> <fieldset class="layui-elem-field layui-field-title" style="text-align: center;"> <legend>3条回答</legend> </fieldset> <ul class="jieda" id="jieda"> <li data-id="111" class="jieda-daan"> <a name="item-1111111111"></a> <div class="detail-about detail-about-reply"> <a class="fly-avatar" href=""> <img src="https://www.e-learn.cn/qa/data/avatar/000/00/00/small_000000015.jpg" alt=" 一生所求 "> </a> <div class="fly-detail-user"> <a href="" class="fly-link"> <cite> 一生所求</cite> </a> <span>(楼主)</span> </div> <div class="detail-hits"> <span>2021-01-27 13:17</span> </div> </div> <div class="detail-body jieda-body photos"> <p> <p>look at this fiddle, it also makes it responsive https://jsfiddle.net/x5q411jk/</p> <p><div class="snippet" data-lang="js" data-hide="false"> <div class="snippet-code"> <pre class="snippet-code-css lang-css prettyprint-override"><code>/* Flexible iFrame */ .flexible-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .flexible-container iframe, .flexible-container object, .flexible-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><!-- Responsive iFrame --> <div class="flexible-container"> <iframe src="https://www.youtube.com/embed/DNLh8p3aUzQ" width="560px" height="315px" frameborder="0" style="border:0">
加载中...