H5 video標籤的第二種格式

時間 2019-11-20

標籤 h5 video 標籤二種格式简体版

原文原文鏈接

36-video標籤的第二種格式html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>36-video標籤的第二種格式</title>
</head>
<body>
<!--
1.格式:
<video>
    <source src="" type=""></source>
    <source src="" type=""></source>
</video>

2.第二種格式存在的意義:
因爲視頻數據很是很是的重要, 因此五大瀏覽器廠商都不肯意支持別人的視頻格式, 因此致使了沒有一種視頻格式是全部瀏覽器都支持的
這個時候W3C爲了解決這個問題, 因此推出了第二個video標籤的格式

video標籤的第二種格式存在的意義就是爲了解決瀏覽器適配問題
video 元素支持三種視頻格式, 咱們能夠把這三種格式都經過source標籤指定給video標籤, 那麼之後當瀏覽器播放視頻時它就會從這三種中選擇一種本身支持的格式來播放

3.注意點:
3.1當前經過video標籤的第二種格式雖然可以指定全部瀏覽器都支持的視頻格式, 可是想讓全部瀏覽器都經過video標籤播放視頻還有一個前提條件, 就是瀏覽器必須支持HTML5標籤, 不然一樣沒法播放
3.2在過去的一些瀏覽器是不支持HTML5標籤的, 因此爲了讓過去的一些瀏覽器也可以經過video標籤來播放視頻, 那麼咱們之後能夠經過一個JS的框架叫作html5media來實現
-->
<video autoplay="autoplay" controls="controls">
    <source src="images/sb1.webm" type="video/webm"></source>
    <source src="images/sb1.mp4" type="video/mp4"></source>
    <source src="images/sb1.ogg" type="video/ogg"></source>
</video>
</body>
</html>

相關標籤/搜索

每日一句

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