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 

相关文章： 东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  如何快速完成中国万网建站详细流程？  如何在VPS电脑上快速搭建网站？  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  C#如何使用XPathNavigator高效查询XML  如何通过FTP空间快速搭建安全高效网站？  c# await 一个已经完成的Task会发生什么  Android使用GridView实现日历的简单功能  免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面，最好是免费的？  个人摄影网站制作流程,摄影爱好者都去什么网站？  建站之星安装模板失败：服务器环境不兼容？  中山网站推广排名,中山信息港登录入口？  如何选择域名并搭建高效网站？  为什么Go需要go mod文件_Go go mod文件作用说明  建站之星多图banner生成与模板自定义指南  深圳网站制作的公司有哪些,dido官方网站？  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  如何快速登录WAP自助建站平台？  西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么？  css网站制作参考文献有哪些,易聊怎么注册？  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何配置WinSCP新建站点的密钥验证步骤？  实惠建站价格推荐：2025年高性价比自助建站套餐解析  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  西安大型网站制作公司,西安招聘网站最好的是哪个？  ,怎么用自己头像做动态表情包？  小程序网站制作需要准备什么资料,如何制作小程序？  如何配置支付宝与微信支付功能？  建站主机选购指南：核心配置优化与品牌推荐方案  香港服务器建站指南：免备案优势与SEO优化技巧全解析  如何选择CMS系统实现快速建站与SEO优化？  建站之星后台密码遗忘？如何快速找回？  如何在香港免费服务器上快速搭建网站？  如何在Windows虚拟主机上快速搭建网站？  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  如何在服务器上三步完成建站并提升流量？  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  如何高效搭建专业期货交易平台网站？  内网网站制作软件,内网的网站如何发布到外网？  学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  如何在服务器上配置二级域名建站？  网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？  已有域名和空间如何快速搭建网站？  如何在万网自助建站中设置域名及备案？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？