自丟網

 找回密碼
 立即注冊
打印 上一主題 下一主題

HTML 5 添加視頻方法教程

[復制鏈接]
跳轉到指定樓層
樓主
作者: admin(管理員) | 丟幣: 38528 (丟幣充值) | 查看: 177| 回復: 1 | 發表于 2019-7-26 13:40:29 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
HTML 5 添加視頻方法教程

許多時髦的網站都提供視頻。HTML5 提供了展示視頻的標準。

檢測您的瀏覽器是否支持 HTML5 視頻:

Web 上的視頻
直到現在,仍然不存在一項旨在網頁上顯示視頻的標準。
今天,大多數視頻是通過插件(比如 Flash)來顯示的。然而,并非所有瀏覽器都擁有同樣的插件。
HTML5 規定了一種通過 video 元素來包含視頻的標準方法。

視頻格式
當前,video 元素支持三種視頻格式:
格式
IE
Firefox
Opera
Chrome
Safari
OggNo3.5+10.5+5.0+No
MPEG 49.0+NoNo5.0+3.0+
WebMNo4.0+10.6+6.0+No
Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件
MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件
WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件

如何工作
如需在 HTML5 中顯示視頻,您所有需要的是:
  1. <video src="movie.ogg" controls="controls">
  2. </video>
復制代碼
controls 屬性供添加播放、暫停和音量控件。
包含寬度和高度屬性也是不錯的主意。
<video> 與 </video> 之間插入的內容是供不支持 video 元素的瀏覽器顯示的:
實例
  1. <video src="movie.ogg" width="320" height="240" controls="controls">
  2. Your browser does not support the video tag.
  3. </video>
復制代碼
上面的例子使用一個 Ogg 文件,適用于Firefox、Opera 以及 Chrome 瀏覽器。
要確保適用于 Safari 瀏覽器,視頻文件必須是 MPEG4 類型。
video 元素允許多個 source 元素。source 元素可以鏈接不同的視頻文件。瀏覽器將使用第一個可識別的格式:
實例
  1. <video width="320" height="240" controls="controls">
  2.   <source src="movie.ogg" type="video/ogg">
  3.   <source src="movie.mp4" type="video/mp4">
  4. Your browser does not support the video tag.
  5. </video>
復制代碼
Internet Explorer 8 不支持 video 元素。在 IE 9 中,將提供對使用 MPEG4 的 video 元素的支持。
推薦給好友: [復制鏈接]

上一篇:HTML 5 Web 存儲之sessionStorage 方法教程
下一篇:謝謝大佬分享
樓主熱帖
回復

使用道具 舉報

沙發
蘋果(新手上路) | 丟幣: 0 (丟幣充值) | 發表于 2019-8-20 03:19:53 | 只看該作者
不錯,支持一下,教程網!
回復

使用道具 舉報

網站地圖|Archiver|手機版|百度統計|( 粵ICP備17166275號 )自丟網

部分資源來源于互聯網,如有侵權請郵寄聯系站長處理([email protected]

Powered by 自丟網

Copyright © 2017-2020, www.skrujr.live

快速回復 返回頂部 返回列表
鸟叔彩金 韩国黄色片18岁 龙江风采p62开奖号 江西优乐精麻将下载app 河南十一选五开奖视频 申华控股股票行情走 广东好彩1最新开奖结果 期货配资平台 上海明星麻将下载安装 泳坛夺金*规则 云南11选5 大学生模拟炒股 下期平特一肖规律公式 河南22选5结果 海南琼崖麻将苹果版 日本一本道公司官网 富贵乐园手机版电玩城