這是關(guān)于HTML5的系列教程的第三部分（共3部分）。在第一部分和第二部分，講到了video和audio元素，簡短的展示了如何給這些元素添加controls屬性，以此來給瀏覽器的媒體（media）元素設(shè)置默認(rèn)值。如果已試過，那應(yīng)該注意到了各個瀏覽器的默認(rèn)外觀并不一樣。

如果你希望你的媒體元素在各瀏覽器下有相同的樣式，就可以使用HTML5媒體元素的方便的API。你可以使用標(biāo)準(zhǔn)的HTML和CSS來控制媒體的外觀， 并用media元素的API來控制audio和video元素。

此篇教程詳細(xì)的描述了構(gòu)建一個自定義媒體播放器的各個步驟，添加一些特點(diǎn)和功能，使用不同的API屬性，事件和方法。你可以先看看這個案例 的最終結(jié)果，在此文章的示例附件中（見原文章地址中）。

注意：這篇教程使用了視頻元素，但是音頻的處理也是同理可得的。

開始

第一步，就是先定義一個video元素。

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。