91精品国产综合久久久久,亚洲精品久久久久中文字幕m男,日韩一级精品在线免费观看

文章插圖

HTML5 特性，包括原生音頻和視頻支持而無需 Flash 。
HTML5 <audio> 和 <video> 標(biāo)簽讓我們給站點添加媒體變得簡單。我們只需要設(shè)置 src 屬性來識別媒體資源，包含 controls 屬性讓用戶可以播放和暫停媒體。

下面是在 Web 頁面中嵌入視頻文件最簡單的形式：

 <video src="https://www.520longzhigu.com/shenghuo/img/sounds/mu04.mp3"width="300" height="200" controls>Your browser does not support the <video> element.</video>

目前的 HTML5 規(guī)范草案還沒有指定瀏覽器應(yīng)該在 video 標(biāo)簽中支持哪種視頻格式。但是最常用的視頻格式是：

Ogg：帶有 Thedora 視頻編碼器和 Vorbis 音頻編碼器的 Ogg 文件。
mpeg4：帶有 H.264 視頻編碼器和 AAC 音頻編碼器的 MPEG4 文件。

我們可以使用帶有媒體類型和其他屬性的 <source> 標(biāo)簽指定媒體文件。video 元素允許使用多個 source 元素，瀏覽器會使用第一個認可的格式：

<!DOCTYPE HTML><html><body><videowidth="300" height="200" controls autoplay><source src="https://www.520longzhigu.com/shenghuo/img/sounds/3.mp4" type="video/ogg" /><source src="https://www.520longzhigu.com/shenghuo/img/sounds/3.mp4" type="video/mp4" />Your browser does not support the <video> element.</video></body></html>

HTML5 video 標(biāo)簽可以使用多個屬性控制外觀和感覺以及各種控制功能：（參考百度）

HTML5 支持的 <audio> 標(biāo)簽用于在如下所示的 HTML 或 XHTML 文檔中嵌入語音內(nèi)容。

<audio src="https://www.520longzhigu.com/shenghuo/img/sounds/mu04.mp3" controls autoplay>Your browser does not support the <audio> element.</audio>

當(dāng)前的 HTML 草案規(guī)范還沒有指定瀏覽器應(yīng)該在 audio 標(biāo)簽中支持哪種音頻格式。但是最常用的音頻格式是 ogg，mp3 和 wav 。
我們可以使用帶媒體類型以及其他屬性的的 <source> 標(biāo)簽指定媒體。Audio 元素允許使用多個 source 元素，并且瀏覽器會使用第一個認可的格式：

<!DOCTYPE HTML><html><body><videowidth="300" height="200" controls autoplay><source src="https://www.520longzhigu.com/shenghuo/img/sounds/mu04.mp3" type="video/ogg" /><source src="https://www.520longzhigu.com/shenghuo/img/sounds/mu04.mp3" type="video/mp4" />Your browser does not support the <video> element.</video></body></html>

Audio 屬性規(guī)范
HTML5 audio 標(biāo)簽可以使用多個屬性來控制外觀，感受以及各種控制功能：

HTML5 audio 和 video 標(biāo)簽可以用多個屬性利用 JavaScript 控制各種控制功能：
下面是一個允許播放給定視頻的示例：

<!DOCTYPE HTML><head><script type="text/javascript">function PlayVideo(){var v = document.getElementsByTagName("video")[0];v.play(); }</script></head><html><body><form><videowidth="300" height="200" src="https://www.520longzhigu.com/shenghuo/img/sounds/3.mp4">Your browser does not support the <video> element.</video><input type="button" onclick="PlayVideo();"value="https://www.520longzhigu.com/shenghuo/Play"/>555555555</form></body></html>

本文基于html基礎(chǔ)，介紹了對音頻<audio>標(biāo)簽<video>標(biāo)簽，如何嵌入視頻等一系列操作。進行了詳細的一些講解，通過豐富的案例讓大家能夠更好的去理解HTML的用法，希望可以幫助大家更好的學(xué)習(xí) 。

以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問題，請您及時就醫(yī)或請專業(yè)人士給予相關(guān)指導(dǎo)!

「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對您有所幫助：

html視頻代碼講解 html視頻代碼怎么用