为什么我的嵌入式响应式视频不响应？

我有一段视频，意思是在所有屏幕尺寸（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>

的原始视频是勉强为360px宽，它的渲染实在太大......该网页是在https://balmainmassage.com.au/2015/modalities/pregnancy.html

感谢

克劳迪奥

来源

2015-04-26 user2814192

在你html，我假设你有这在你的<head>：

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

你应该把你的视频在<div>是这样的：

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

然后，你应该在你css的底部有这下你@media only screen and (max-width : 960px)：

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

    .responsive_video video{ 
     width:100%; 
       } 
}

来源

2015-04-30 00:28:22

为什么我的嵌入式响应式视频不响应？

回答

相关问题