这篇文章给大家分享的是有关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模态框插入视频的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！
