如何使用Bootstrap 4在设计的框架中修复HTML视频

时间:2019-05-05 09:57:29

标签: html5

我正在使用引导程序4,并且想在图像帧中固定视频,我需要在哪里设置编码。这是我的代码。

    <div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 col-xs-12"
    style="background-image:url('img/video_Frame.png');
    background-size:cover; background-repeat:no-repeat;width:100%; height:31vw">

        <div class="box">
     <div id="video" class="embed-responsive shadow embed-responsive-16by9">
          <iframe src="https://www.youtube.com/embed/tgbNymZ7vqY" style="width:100%; height:100%"></iframe>
    </div>
    </div>
  </div>

1 个答案:

答案 0 :(得分:0)

<div class="col-lg-6 col-xl-6 col-md-6 col-sm-12 col-xs-12"
    style="background-image:url('https://diplomamess.ml/manager.jpg');padding:30px;background-size:cover; background-repeat:no-repeat;width:100%; height:100%;">

        <div class="box">
     <div id="video" class="embed-responsive shadow embed-responsive-16by9">
          <iframe src="https://www.youtube.com/embed/tgbNymZ7vqY" style="width:100%; height:100%" style="box-shadow:0px 5px 15px 10px rgba(0,0,0,0.20);"></iframe>
    </div>
    </div>
  </div>