<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

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

          共 2066字,需瀏覽 5分鐘

           ·

          2020-12-12 09:59

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

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

          向網(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)簽。

          source標(biāo)簽

          ?標(biāo)簽可以為媒體元素定義媒介資源,例如 video 和 audio 元素。
          例如?
          示例:
          例如我們插入的視頻播放器,帶有兩個源文件,瀏覽器會根據(jù)需要來選擇源文件:
          HTML5學(xué)習(xí)(9xkd.com) 您的瀏覽器不支持 video 標(biāo)簽
          像上述代碼中,如果是 Safari 瀏覽器就會選擇第一個源文件,如果是 Firefox 瀏覽器則會選擇第二個源文件。
          ?標(biāo)簽有三個屬性:

          向網(wǎng)頁中嵌入音頻

          向網(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 等屬性。
          常用屬性如下所示:

          總結(jié)

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

          本文完~

          瀏覽 66
          點贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  亚洲 欧美 国产 日韩 动漫第一页 | 国产成人 亚洲 欧洲在线 | 欧美簧片在线 | 大鸡吧在线免费视频 | 久久久久久久久久久艹 |