Twitter bootstrap 3 为什么我的嵌入式和响应视频没有响应？_Twitter Bootstrap 3_Html5 Video_Embedding

Twitter bootstrap 3 为什么我的嵌入式和响应视频没有响应？

twitter-bootstrap-3

Twitter bootstrap 3 为什么我的嵌入式和响应视频没有响应？,twitter-bootstrap-3,html5-video,embedding,Twitter Bootstrap 3,Html5 Video,Embedding,我有一个视频，是要出现在所有的屏幕大小除了xs超过4列。下面的代码没有响应，显示的视频非常大。扯掉我的头发，需要帮助 <div class="hidden-xs col-sm-4 embed-responsive-16by9"> <video class="embed-responsive-item" title="Former Balmain Massage therapist Blaise Bowling shows the ins and outs of pregna

我有一个视频，是要出现在所有的屏幕大小除了xs超过4列。下面的代码没有响应，显示的视频非常大。扯掉我的头发，需要帮助

<div class="hidden-xs col-sm-4 embed-responsive-16by9">
  <video class="embed-responsive-item" title="Former Balmain Massage therapist Blaise Bowling shows the ins and outs of pregnancy massage" poster="../../images/blaises_pregnancy_poster.jpg" controls  src="../../video/pregnancy360.mp4" type="video/mp4">
</video>
</div>

原来的视频只有360像素宽，而且渲染的太大了。。。页面位于

谢谢

克劳迪奥

在您的html中，我假设您的

<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>

<div class="responsive_video">                              
<video src="yourfolder/yourvideo.mp4" controls="controls" type="video/mp4" </video>     
</div>

@media only screen and (max-width : 960px) {

    .responsive_video video{
        width:100%;
                }
}