HTML5 Video

目前 HTML5 video 支援三種檔案格式 1. MP4 2. WebM 3. Ogg 針對個別瀏覽器的支援如下表 <table style="font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; background-color: #ffffff; border-image: initial; border-collapse: collapse; width: 633px; color: #000000; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-width: 1px; border-color: #c3c3c3; border-style: solid;"> Browser MP4 WebM Ogg Internet Explorer 9 YES NO NO Firefox 4.0 NO YES YES Google Chrome 6 YES YES YES Apple Safari 5 YES NO NO Opera 10.6 NO YES YES MP4 - 影像以 H264 編碼，音效以 ACC 編碼。 <span style="border-collapse: separate; color: #000000; font-family: 微軟正黑體; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;">WebM - 影像以 VP8編碼，音效以 Vorbis 編碼。 <span style="border-collapse: separate; color: #000000; font-family: 微軟正黑體; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;"><span style="border-collapse: separate; color: #000000; font-family: 微軟正黑體; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;">Ogg - 影像以 Theora 編碼，音效以 Vorbis 編碼。 Tags <table style="font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; background-color: #ffffff; border-image: initial; border-collapse: collapse; width: 633px; color: #000000; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-width: 1px; border-color: #c3c3c3; border-style: solid;"> Tag Description 定義影像或視訊 定義多個媒體資源, 如 定義媒體播放文字軌 Example Your browser does not support the video tag.

Browser	MP4	WebM	Ogg
Internet Explorer 9	YES	NO	NO
Firefox 4.0	NO	YES	YES
Google Chrome 6	YES	YES	YES
Apple Safari 5	YES	NO	NO
Opera 10.6	NO	YES	YES

Tag	Description
<video>	定義影像或視訊
<source>	定義多個媒體資源, 如<video><audio>
<track>	定義媒體播放文字軌

流風羽的部落格

歡迎光臨流風羽在痞客邦的小天地

HTML5 Video

部落格廣告

部落格廣告

個人資訊

熱門文章

文章分類

Technology (30)

最新文章

最新留言

文章精選

文章搜尋

參觀人氣