驗證是否支持html5的Video標籤及MP4視頻播放
做了一個wifi熱點生活資訊小項目,其中涉及的視頻播放,若手機瀏覽器支持html5並且能播放MP4格式文件則在瀏覽器播放,若不支持則用手機自帶播放器播放,那如何檢測呢,這就用到了下邊的代碼: var test= !!(document.createElement('video').canPlayType('video/mp4;
codecs="avc1.42E01E, mp4a.40.2"')); if(test){ alert("支持"); }else{ alert("不支持"); } 當然也可以分開檢測,檢測瀏覽器是否支持html5視頻播放用: var test= !!(document.createElement('video').canPlayType); 檢測是否支持mp4文件(也可以換成其他的文件類型,如:OGG格式)用: var test= !!(document.createElement('video').canPlayType('video/mp4;
codecs="avc1.42E01E, mp4a.40.2"'));
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
界面控件DevExtreme v23.1、v23.2盤點 - 增強的TypeScript(Angular、React、Vue)
原創
2024-05-07 11:34:56
前端面試題 - 在HTML5中DOCTYPE的作用是什麼?標準與兼容模式(混雜模式)各有什麼區別?
原創
2024-04-25 11:51:01
數字化變革探索:檢驗檢測行業轉型思路揭祕
原創
2024-04-22 22:23:02
canvas和context的關係 畫布和畫筆的關係
原創
2024-03-29 21:24:02
移動端提高pdf預覽清晰度
原創
2024-03-29 12:28:09
前端和後端哪個工資高?工作內容和晉升空間差別大嗎?
原創
2023-10-10 09:54:59
現在入行web前端開發晚了?數據代表一切
原創
2023-10-10 09:54:58
聚焦Web前端安全:最新揭祕漏洞防禦方法 | 京東雲技術團隊
原創
2023-08-10 11:59:49
原來VSCode裏藏了騰訊文檔400行代碼?鵝廠源碼公開
騰訊雲開發者社區
2023-03-21 23:47:28
【SharePoint】視頻播放應用測評比較
原創
2023-02-23 23:10:53
【走高速】XSS 防禦方法
原創
2022-04-30 11:29:24
Web3D 從入門到跑路 · 3D 初體驗
原創
2022-04-30 10:05:58
技術整理(陳年佳釀)
技術站點 Hacker News:非常棒的針對編程的鏈接聚合網站 Programming reddit:同上 MSDN:微軟相關的官方技術集中地,主要是文檔類 infoq:企業級應用,關注軟件開發領域
原創
2022-04-30 05:59:10
Which HTML5 tags can I use without worrying about browser compatibility?
fyin1314
2021-12-28 09:18:11