Css 具有背景/边框的响应视频

尝试将以下图像与电视屏幕内的视频一起使用，并做出响应。我已经试了几个小时了，但可能是我头脑不清醒或者对CSS要求太多了

是否有一种方法可以做到这一点，我不知道，我需要视频定位在电视屏幕上，因为浏览器的大小是保持与该位置

试图调整顶部和左侧位置，但运气不佳。这就是我结束的地方，我不知道我需要看什么或玩什么

CSS

HTML

您的浏览器不支持视频标记。

形象

给你：

<div class="row">
    <div class="col-sm-12">
      <div class="embed-responsive embed-responsive-16by9 text-center">
        <video poster="/video/iss-video_cover.jpg" controls="" class="embed-responsive-item img img-responsive">
            <source src="/video/video_iss.mp4" type="video/mp4">
            Your browser does not support the video tag.
        </video>
      </div>
    </div>
</div>

您的浏览器不支持视频标记。

另外，请记住从您的cssHow中删除“iss tv”属性。该属性是否位于电视图像的中心？这就是问题所在。你可以添加一个完整的html和css的JSFIDLE吗？请：）你只需要在左侧添加一个轻微的负边距，以保持它在电视屏幕内：）>>视频不适合在电视内播放。如果我使用你的代码片段，它会更好一些，但仍然不能正确地与移动设备配合使用。

<div class="row">
    <div class="col-sm-12" id="iss-television">
        <video poster="/video/iss-video_cover.jpg" controls="">
            <source src="/video/video_iss.mp4" type="video/mp4">
            Your browser does not support the video tag.
        </video>
    </div>
</div>

<div class="row">
    <div class="col-sm-12">
      <div class="embed-responsive embed-responsive-16by9 text-center">
        <video poster="/video/iss-video_cover.jpg" controls="" class="embed-responsive-item img img-responsive">
            <source src="/video/video_iss.mp4" type="video/mp4">
            Your browser does not support the video tag.
        </video>
      </div>
    </div>
</div>