bootstrap 固定比例响应式视频
Posted mr-hu2009
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了bootstrap 固定比例响应式视频相关的知识，希望对你有一定的参考价值。
<link rel=‘stylesheet prefetch‘ href=‘//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css‘>
<link rel=‘stylesheet prefetch‘ href=‘//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css‘>
<h1>Bootstrap 3 Responsive Video Embeds that Maintain Aspect Ratio <i class="fa fa-heart"></i></h1>
<div class="container">
<div class="row">
<div class="col-sm-6">
<h2>16:9 Responsive Aspect Ratio</h2>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="/uploads/141201/among_the_stars.mp4"></iframe>
</div>
</div>
<div class="col-sm-6">
<h2>4:3 Responsive Aspect Ratio</h2>
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="/uploads/141201/among_the_stars.mp4"></iframe>
</div>
</div>
</div>
</div>
以上是关于bootstrap 固定比例响应式视频的主要内容，如果未能解决你的问题，请参考以下文章