大佬教程收集整理的这篇文章主要介绍了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 固定比例响应式视频全部内容,希望文章能够帮你解决bootstrap 固定比例响应式视频所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。