現象:插入如下代碼后仍然無法看視頻(注:視頻已確認為瀏覽器支持格式)
<video controls="controls" width="500px" height="300px" preload="metadata"> <source src="video/FF4.ogv" type="video/ogg"> <source src="video/FF4.webm" type="video/webm"> <source src="video/FF4.mp4" type="video/mp4"> </video>
原因:IIS的MIME中未注冊MP4、ogg、webm相關類型,導致IIS無法識別
解決方法:在IIS中注冊MP4、ogg、webm類型,以下以MP4為例,ogg和webm以此類推:
1、在IIS中雙擊MIME類型的圖標
2、右鍵-》添加 IIS不認識的新類型
3、添加新類型的擴展名和類型標識
注意:以上圖示以 .MP4 為例,如果想讓視頻標簽兼容更多瀏覽器,需要將以下類型加入到MIME中
擴展名 類型
.mp4 video/mp4
.ogv video/ogg
.webm video/webm
【相關推薦】
1.html/css免費視頻教程
2. 分析H5網頁中video標簽中的MP4視頻無法播放的緣由
3. 教你如何使用好HTML5的音頻和視頻
4. 教你如何增強H5中video標簽在瀏覽器中的兼容性
5. 詳解HTML5展示視頻的標準