下面代碼實現別忘了前提是要在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模態框插入視頻的實現代碼，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
新聞熱點
疑難解答
