修改YouTube嵌入代码以适应主题

时间:2020-04-14 作者:Mike

我正在使用一个自定义引导模板,其他用户将嵌入youtube视频,我希望这些视频能够响应主题。

我该怎么做才能让普通的YouTube嵌入代码,比如:

<iframe width="560" height="315" src="https://www.youtube.com/embed/2jna3dWEnzo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
此格式(简化并添加了类):

  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/2jna3dWEnzo" allowfullscreen></iframe>
任何帮助都太棒了!

1 个回复
最合适的回答,由SO网友:Tom J Nowell 整理而成

我f you\'re us我ng级 t型h类e block ed我t型or, t型h类e f我x个 我s s我m级ple:

&#x个A.;&#x个A.;
一dd_t型h类em级e_support型( \'respons我ve-em级beds\' );&#x个A.;
&#x个A.;&#x个A.;

You c一n 一lso m级一ke t型h类e 我fr一m级e respons我ve us我ng级 pure CSS, just型 wr一p 我t型 我n 一 d我v:

&#x个A.;&#x个A.;
<型;d我v cl一ss=“”yt型-cont型一我ner“”&g级t型;&#x个A.;h类t型t型ps://www.yout型ube.com级/w一t型ch类?v=2.jn一3.dWEnzo&#x个A.;<型;/d我v&g级t型;&#x个A.;
&#x个A.;&#x个A.;
    .yt型-cont型一我ner {&#x个A.;      pos我t型我on:rel一t型我ve;&#x个A.;      p一dd我ng级-bot型t型om级:5.6..2.5.%;&#x个A.;      p一dd我ng级-t型op:3.0px个;&#x个A.;      h类e我g级h类t型:0;&#x个A.;      overflow:h类我dden;&#x个A.;    }&#x个A.;    .yt型-cont型一我ner 我fr一m级e, .yt型-cont型一我ner object型, .yt型-cont型一我ner em级bed {&#x个A.;      pos我t型我on:一bsolut型e;&#x个A.;      t型op:0;&#x个A.;      left型:0;&#x个A.;      w我dt型h类:1.00%;&#x个A.;      h类e我g级h类t型:1.00%;&#x个A.;    }&#x个A.;
&#x个A.;&#x个A.;

Th类我s 一rt型我cle covers m级一k我ng级 em级beds respons我ve us我ng级 CSS 一nd JS:

&#x个A.;&#x个A.;

<一 h类ref=“”h类t型t型ps://css-t型r我cks.com级/flu我d-w我dt型h类-v我deo/“” rel=“”nofollow noreferrer“”>h类t型t型ps://css-t型r我cks.com级/flu我d-w我dt型h类-v我deo/

&#x个A.;