全屏挂载bilibili外链以及腾讯视频...

1. 打开bilibili某个视频——点击分享——（复制）嵌入代码
2. 把复制的嵌入代码粘贴到文章中

3. 然后在给iframe 这个标签添加 class="iframe_video" iframe_video这个类名

   <iframe class="iframe_video" src="//player.bilibili.com/player.html?aid=64527692&cid=112026718&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

4. 添加CSS样式

   /*视频挂载 https://dxoca.cn/front/257.html */
   
   .iframe_video {
       position: relative;
       width: 100%;
   }
   
   @media only screen and (max-width: 767px) {
       .iframe_video {
           height: 15em;
       }
   }
   
   @media only screen and (min-width: 768px) and (max-width: 991px) {
       .iframe_video {
           height: 20em;
       }
   }
   
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
       .iframe_video {
           height: 30em;
       }
   }
   
   @media only screen and (min-width: 1200px) {
       .iframe_video {
           height: 40em;
       }
   }
   
   .iframe_cross {
       position: relative;
       width: 100%;
       height: 0;
       padding-bottom: 75%
   }
   
   .iframe_cross iframe {
       position: absolute;
       width: 100%;
       height: 100%;
       left: 0;
       top: 0
   }