Bootstrap模态框插入视频的实现代码

下面代码实现别忘了前提是要在bootstrap框架下使用

效果

点击模态框

跳出自己已做好的MP4等格式视频

Bootstrap代码

<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">模态框</button>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
 <div class="modal-dialog modal-lg" role="document">
 <div class="modal-content">
  ...< --这里写插入视频代码 -- >
 </div>
 </div>
</div>

三、插入视频代码

注意video一些必要代码。如需解决兼容可以看这篇博客http://blog.csdn.net/w_linux/article/details/62890202

 <video src="image/小“塍”故事.mp4" height="500" controls preload="metadata"></video>

四、总代码（我这里做了点改动，没有放在button里，问题不大）

<a data-toggle="modal" data-target=".bs-example-modal-lg">模态框</a>
 <!-- Large modal -->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
 <div class="modal-dialog modal-lg" role="document">
 <div class="modal-content">
  <video src="image/小“塍”故事.mp4" height="500" controls preload="metadata"></video>
 </div>
 </div>
</div>

以上所述是小编给大家介绍的Bootstrap模态框插入视频的实现代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

# bootstrap 模态框  # 模态  # 小编  # 放在  # 要在  # 给大家  # 这篇  # 别忘了  # 如需  # 所述  # 给我留言  # 有任何  # 博客  # btn  # primary  # data  # lt  # button  # type  # bs  # lg 

相关文章： 郑州企业网站制作公司,郑州招聘网站有哪些？  安徽网站建设与外贸建站服务专业定制方案  广州顶尖建站服务：企业官网建设与SEO优化一体化方案  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  成都网站制作报价公司,成都工业用气开户费用？  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  历史网站制作软件,华为如何找回被删除的网站？  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  建站主机如何选？高性价比方案全解析  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  北京企业网站设计制作公司,北京铁路集团官方网站？  如何确认建站备案号应放置的具体位置？  创业网站制作流程,创业网站可靠吗？  如何配置FTP站点权限与安全设置？  c# 在高并发场景下，委托和接口调用的性能对比  如何零基础在云服务器搭建WordPress站点？  如何在VPS电脑上快速搭建网站？  香港服务器WordPress建站指南：SEO优化与高效部署策略  建站之星代理商如何保障技术支持与售后服务？  手机网站制作与建设方案,手机网站如何建设？  免费视频制作网站,更新又快又好的免费电影网站？  Android使用GridView实现日历的简单功能  如何快速使用云服务器搭建个人网站？  如何选择靠谱的建站公司加盟品牌？  ,制作一个手机app网站要多少钱？  Android滚轮选择时间控件使用详解  如何用狗爹虚拟主机快速搭建网站？  javascript中对象的定义、使用以及对象和原型链操作小结  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  相册网站制作软件,图片上的网址怎么复制？  *服务器网站为何频现安全漏洞？  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  南京做网站制作公司,南京哈发网络有限公司，公司怎么样，做网页美工DIV+CSS待遇怎么样？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  如何通过宝塔面板实现本地网站访问？  制作电商网页,电商供应链怎么做？  如何做静态网页,sublimetext3.0制作静态网页？  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  如何在Windows 2008云服务器安全搭建网站？  建站org新手必看：2024最新搭建流程与模板选择技巧  全景视频制作网站有哪些,全景图怎么做成网页？  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊？  建站之星如何一键生成手机站？  大同网页,大同瑞慈医院官网？  建站主机解析：虚拟主机配置与服务器选择指南  如何快速打造个性化非模板自助建站？  建站DNS解析失败？如何正确配置域名服务器？  武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  开封网站制作公司,网络用语开封是什么意思？