讓IE8支持html5中的video標籤

時間 2019-11-17

原文原文鏈接

這是一篇綜合幾個前輩的解決方案。css

使用video的時候，要遇到的問題。html

①不兼容ie9及其如下版本html5

在<head>裏添加兩行, 參考張鑫旭前輩的博客，可是在ie8中薄播放。api

　　 <!--[if lt IE 9]>
    <script src="js/assets/js/ie8-responsive-file-warning.js"></script>
    <![endif]-->
    <script src="js/assets/js/ie-emulation-modes-warning.js"></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

②又要無休止的找ie8的解決方法，本身寫不出來瀏覽器

在在<head>裏添加如下dom

　　 <!--[if IE 8]>
    <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script>
    <![endif]-->

這樣能夠在ie8裏播放了，可是啊，至今我沒法控制它的開關，由於我寫的是視頻輪播圖，須要播放下一個的時候控制上一個的開關，我找不到啊，對不起，你看到這裏卻幫不到你了。ide

很神奇的是<video>在這個插件的做用下,變成了<span><object></object></span>，而正常的<video>是<video><div></div></video>。wordpress

使用別人的插件時，仍是把別人的demo先放在ie8裏，看支持的效果看, 比較直觀.spa

參考：.net

支持ie9 讓全部瀏覽器支持HTML5 video視頻標籤 https://www.zhangxinxu.com/wordpress/2010/03/every-browser-support-html5-video/

百度知道的如何讓IE8支持html5中的video標籤 https://zhidao.baidu.com/question/483505562.html?from=commentSubmit#answers2383773166

設置控制檯能查看<video>的內部dom的 HTML5全屏模式下隱藏默認視頻控制欄 https://blog.csdn.net/qq_17004327/article/details/76285518

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。