讓IE8支持html5中的video標簽


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

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

①不兼容ie9及其以下版本

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

   <!--[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>里添加以下

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

這樣可以在ie8里播放了,但是啊,至今我無法控制它的開關,因為我寫的是視頻輪播圖,需要播放下一個的時候控制上一個的開關,我找不到啊,對不起,你看到這里卻幫不到你了。

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

 

 

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

參考:

支持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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM