性大香蕉,好操一级视频这里只有精品,骚逼成人网,亚洲午夜在线观看,91欧美亚洲,免费成人美女女,豆花免费跳转入口官网,亚洲五码高清在线观看

來源 |?http://www.fly63.com/article/detial/9503

現(xiàn)在很多網(wǎng)站上都會使用到視頻和音頻，html5 中提供了展示視頻和音頻的標(biāo)簽。向網(wǎng)頁嵌入視頻可以使用?

首先我們準(zhǔn)備一個視頻，例如一個 test.mp4，然后使用?

                    HTML5學(xué)習(xí)(9xkd.com)

在瀏覽器中的預(yù)覽效果：?

從上圖中可以看到，我們通過?

然后我們通過 width、height 屬性設(shè)置了視頻的寬度為 700px ，高度為 400px。

然后可以看到，視頻上還顯示了播放、調(diào)整音量等控件，當(dāng)我們點擊播放按鈕時，視頻就會開始播放。

這是因為我們設(shè)置了 controls 屬性，如果我們沒有設(shè)置這個屬性，視頻將會顯示一個靜止的畫面，并且不管怎么點擊都是沒有反應(yīng)的。大家可以試一下，不設(shè)置 controls 屬性然后在瀏覽器中查看演示效果，這里就不演示給大家看了。

video 元素中的常用屬性如下所示：

有些比較老的瀏覽器可能不支持?

所以我們可以在?

  您的瀏覽器不支持 video 標(biāo)簽

這樣用戶就會知道，是因為瀏覽器不支持所以加載視頻不成功，可以換一個瀏覽器。

像我們平時看到的視頻格式有很多種，例如常見的有 mp4、AVI、mov、rmvb、Ogg 等等，目前 video 元素支持的視頻格式有下面三種：

這三種視頻格式，在不同的瀏覽器中兼容性不同，例如 MP4 格式不支持 Firefox 和 Opera 瀏覽器，Ogg 格式不支持IE、Safari 瀏覽器，WebM 格式不支持IE、Safari 瀏覽器等。

所以我們可能需要在不同的瀏覽器中使用不同的視頻格式，這需要用到??標(biāo)簽。

?標(biāo)簽可以為媒體元素定義媒介資源，例如 video 和 audio 元素。

例如?

例如我們插入的視頻播放器，帶有兩個源文件，瀏覽器會根據(jù)需要來選擇源文件：


                    HTML5學(xué)習(xí)(9xkd.com)                                                    您的瀏覽器不支持 video 標(biāo)簽

像上述代碼中，如果是 Safari 瀏覽器就會選擇第一個源文件，如果是 Firefox 瀏覽器則會選擇第二個源文件。

?標(biāo)簽有三個屬性：

向網(wǎng)頁中嵌入音頻可以使用?

audio 元素支持的格式和 video 元素也有一點區(qū)別：

例如我們插入一段音頻，在瀏覽器中可以看到，是沒有畫面的，只有聲音：


                    HTML5學(xué)習(xí)(9xkd.com)                                                    您的瀏覽器不支持 audio 標(biāo)簽

在瀏覽器中的演示效果：?

向網(wǎng)頁中嵌入音頻時，也可以通過??標(biāo)簽來指定兩個源文件，?標(biāo)簽允許規(guī)定兩個視頻或者音頻文件供瀏覽器根據(jù)它對媒體類型或者編解碼器的支持進(jìn)行選擇。

audio 元素中的常用屬性和 video 元素差不多，但是 audio 元素中沒有 width、height 等屬性。

常用屬性如下所示：

向網(wǎng)頁中嵌入視頻和音頻其實很簡單，要注意 video 元素和 audio 元素支持的視頻、音頻格式類型，如果插入的視頻格式不支持，則視頻或音頻不會顯示。

本文完~

HTML5 向網(wǎng)頁嵌入視頻和音頻