整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
頻是網(wǎng)頁(yè)承載內(nèi)容很重要的一個(gè)元素，也是必不可少的網(wǎng)頁(yè)表現(xiàn)形式（圖、文、表、視、音）之一。曾經(jīng)網(wǎng)頁(yè)要想播放視頻、制作游戲，必須得用第三方插件flash。不僅編寫代碼要使用額外的語(yǔ)言，瀏覽器也必須得裝第三方插件，非常不方便。隨著html5標(biāo)準(zhǔn)逐漸普及，移動(dòng)端、pc端開(kāi)始拋棄flash，如今幾乎所有的瀏覽器都使用html5來(lái)制作視頻。
目標(biāo)
flash是Adobe公司其中之一的產(chǎn)品。它發(fā)起于W3C與WHATWG的第五代web標(biāo)準(zhǔn)之爭(zhēng)，它撿了個(gè)大便宜，乘機(jī)定義網(wǎng)頁(yè)媒體標(biāo)準(zhǔn)。
W3C與WHATWG的第五代web標(biāo)準(zhǔn)之爭(zhēng)
flash填補(bǔ)了當(dāng)時(shí)網(wǎng)頁(yè)只有文字和圖片的單調(diào)世界，將媒體（視頻、音頻、游戲）引入了網(wǎng)頁(yè)，將網(wǎng)頁(yè)帶進(jìn)多彩的世界。
Flash能夠用僅僅十幾K到幾百K的體積，呈現(xiàn)出放大也不會(huì)失真的矢量彩色動(dòng)圖，甚至還能夠做出足以令人沉迷一整天的Flash小游戲。
火柴人
Flash用第三方插件的身份，幾乎制霸了網(wǎng)頁(yè)媒體的標(biāo)準(zhǔn)，讓W(xué)3C尷尬不已，甚至從某種程度上說(shuō)，讓真正的網(wǎng)頁(yè)標(biāo)準(zhǔn)推廣受阻。
2010年4月，蘋果CEO公開(kāi)表示從此蘋果所有產(chǎn)品不再支持flash。flash從此慢慢喪失移動(dòng)端的市場(chǎng)和地位。
喬布斯支持html5
2012年，安卓宣布不再支持Flash，從此flash徹底失去了移動(dòng)端市場(chǎng)和地位。
2012年html5標(biāo)準(zhǔn)確立，html5在逐漸制霸移動(dòng)端的地位時(shí)，也直接沖擊了flash僅剩的桌面市場(chǎng)，flash桌面市場(chǎng)的份額在逐步下降。
各大瀏覽器逐步默認(rèn)禁用Flash，現(xiàn)2019年幾乎都全部禁用。
默認(rèn)禁用Flash
Adobe將在2020年停止開(kāi)發(fā)和更新flash。
2020年停止開(kāi)發(fā)和更新flash
Flash以第三方插件的身份，做著平臺(tái)該做的事情，但沒(méi)有推動(dòng)行業(yè)標(biāo)準(zhǔn)統(tǒng)一化，反而企圖私立標(biāo)準(zhǔn)。
隨著功能的增多，能解碼編碼H.264，能進(jìn)行3D渲染，能播放7.1聲道環(huán)繞聲等，功能集于一身變得臃腫，效率變得低下。
Flash非常不安全。Flash能夠運(yùn)行相當(dāng)復(fù)雜的代碼，這讓Flash非常容易被滲透。加上Adobe在安全方面的不上心，這令Flash安全問(wèn)題頻發(fā)。
Flash很不穩(wěn)定。作為一個(gè)插件，它自身頻頻崩潰也就罷了，還經(jīng)常拉著瀏覽器乃至操作系統(tǒng)一起殉情。
Flash加劇了手機(jī)的耗電量。
作用是在 HTML 頁(yè)面中嵌入視頻元素。Video定義視頻，比如電影片段或其他視頻流。
視頻播放
有四個(gè)是必須的屬性：src、controls、width、height屬性。
視頻播放代碼
<video> 元素支持三種視頻格式： MP4, WebM, 和 Ogg。
<source> 元素可以鏈接不同格式的視頻文件。瀏覽器將使用第一個(gè)可識(shí)別的格式。
支持多格式的視頻
video標(biāo)簽體系
級(jí)版HTML視頻教程（全網(wǎng)原創(chuàng)首發(fā)！）
什么是HTML?HTML指的是超文本標(biāo)記語(yǔ)言，它是從事網(wǎng)頁(yè)設(shè)計(jì)工作的基礎(chǔ)，也是網(wǎng)站開(kāi)發(fā)者必須熟練掌握的一門標(biāo)記語(yǔ)言。應(yīng)廣大學(xué)員的強(qiáng)烈要求，我愛(ài)自學(xué)網(wǎng)特推出《HTML基礎(chǔ)教程》，希望能得到廣大學(xué)員的支持。
學(xué)習(xí)交流
標(biāo) 題
第一課：HTML語(yǔ)言框架和相關(guān)標(biāo)簽95 1-1 學(xué)習(xí)html的前提和必要性53662 1-2 什么是HTML33819 1-3 HTML語(yǔ)言的整體框架135783 1-4 HTML語(yǔ)言的整體框架231727 1-5 行標(biāo)簽和段標(biāo)簽29866 1-6 文字屬性標(biāo)簽28853 1-7 文字格式化標(biāo)簽26888 1-8 body標(biāo)簽27570 1-9 標(biāo)題標(biāo)簽25212
第二課：常用標(biāo)簽代碼0 2-1 圖片37992 2-2 超鏈接127213 2-3 超鏈接223253 2-4 iframe標(biāo)簽25784 2-5 橫線22900 2-6 列表22740 2-7 無(wú)序列表20544 2-8 有序列表21073 2-9 滾動(dòng)標(biāo)簽23217 2-10 轉(zhuǎn)義字符22227
第三課：表格標(biāo)簽83 3-1 表格31370 3-2 表格屬性123819 3-3 表格屬性223066
您說(shuō)說(shuō)看 我發(fā)明的...是不是很牛逼呀[滑稽]
總 高級(jí)版學(xué)習(xí)資料文件高達(dá)10G?。?！
總 高級(jí)版學(xué)習(xí)高清視頻資料的高達(dá)35G?。。?/p>
需要的話我后期會(huì)更新，所以關(guān)注我，學(xué)到的好東西都是你自己的哦[滑稽]
那么大概內(nèi)容就更新到這里
本教程后期會(huì)逐一更新高清視頻學(xué)習(xí)資料+超詳細(xì)的學(xué)習(xí)資料教程！
別忘了四連??！【點(diǎn)贊 收藏 關(guān)注 投幣】
我怕你到時(shí)候想找我都找不到了～[鮮花]
注：本人原創(chuàng)首發(fā)，未經(jīng)允許禁止轉(zhuǎn)載/抄襲，如有違法，本人將有權(quán)追究法律責(zé)任?。?！
TML 音頻/視頻 DOM 參考手冊(cè)
HTML5 DOM 為 <audio> 和 <video> 元素提供了方法、屬性和事件。
這些方法、屬性和事件允許您使用 JavaScript 來(lái)操作 <audio> 和 <video> 元素。
HTML 音頻/視頻 方法
| 方法 | 描述 |
|---|---|
| addTextTrack() | 向音頻/視頻添加新的文本軌道。 |
| canPlayType() | 檢測(cè)瀏覽器是否能播放指定的音頻/視頻類型。 |
| load() | 重新加載音頻/視頻元素。 |
| play() | 開(kāi)始播放音頻/視頻。 |
| pause() | 暫停當(dāng)前播放的音頻/視頻。 |
HTML 音頻/視頻屬性
| 屬性 | 描述 |
|---|---|
| audioTracks | 返回表示可用音頻軌道的 AudioTrackList 對(duì)象。 |
| autoplay | 設(shè)置或返回是否在加載完成后隨即播放音頻/視頻。 |
| buffered | 返回表示音頻/視頻已緩沖部分的 TimeRanges 對(duì)象。 |
| controller | 返回表示音頻/視頻當(dāng)前媒體控制器的 MediaController 對(duì)象。 |
| controls | 設(shè)置或返回音頻/視頻是否顯示控件（比如播放/暫停等）。 |
| crossOrigin | 設(shè)置或返回音頻/視頻的 CORS 設(shè)置。 |
| currentSrc | 返回當(dāng)前音頻/視頻的 URL。 |
| currentTime | 設(shè)置或返回音頻/視頻中的當(dāng)前播放位置（以秒計(jì)）。 |
| defaultMuted | 設(shè)置或返回音頻/視頻默認(rèn)是否靜音。 |
| defaultPlaybackRate | 設(shè)置或返回音頻/視頻的默認(rèn)播放速度。 |
| duration | 返回當(dāng)前音頻/視頻的長(zhǎng)度（以秒計(jì)）。 |
| ended | 返回音頻/視頻的播放是否已結(jié)束。 |
| error | 返回表示音頻/視頻錯(cuò)誤狀態(tài)的 MediaError 對(duì)象。 |
| loop | 設(shè)置或返回音頻/視頻是否應(yīng)在結(jié)束時(shí)重新播放。 |
| mediaGroup | 設(shè)置或返回音頻/視頻所屬的組合（用于連接多個(gè)音頻/視頻元素）。 |
| muted | 設(shè)置或返回音頻/視頻是否靜音。 |
| networkState | 返回音頻/視頻的當(dāng)前網(wǎng)絡(luò)狀態(tài)。 |
| paused | 設(shè)置或返回音頻/視頻是否暫停。 |
| playbackRate | 設(shè)置或返回音頻/視頻播放的速度。 |
| played | 返回表示音頻/視頻已播放部分的 TimeRanges 對(duì)象。 |
| preload | 設(shè)置或返回音頻/視頻是否應(yīng)該在頁(yè)面加載后進(jìn)行加載。 |
| readyState | 返回音頻/視頻當(dāng)前的就緒狀態(tài)。 |
| seekable | 返回表示音頻/視頻可尋址部分的 TimeRanges 對(duì)象。 |
| seeking | 返回用戶是否正在音頻/視頻中進(jìn)行查找。 |
| src | 設(shè)置或返回音頻/視頻元素的當(dāng)前來(lái)源。 |
| startDate | 返回表示當(dāng)前時(shí)間偏移的 Date 對(duì)象。 |
| textTracks | 返回表示可用文本軌道的 TextTrackList 對(duì)象。 |
| videoTracks | 返回表示可用視頻軌道的 VideoTrackList 對(duì)象。 |
| volume | 設(shè)置或返回音頻/視頻的音量。 |
HTML 音頻/視頻事件
| 事件 | 描述 |
|---|---|
| abort | 當(dāng)音頻/視頻的加載已放棄時(shí)觸發(fā)。 |
| canplay | 當(dāng)瀏覽器可以開(kāi)始播放音頻/視頻時(shí)觸發(fā)。 |
| canplaythrough | 當(dāng)瀏覽器可在不因緩沖而停頓的情況下進(jìn)行播放時(shí)觸發(fā)。 |
| durationchange | 當(dāng)音頻/視頻的時(shí)長(zhǎng)已更改時(shí)觸發(fā)。 |
| emptied | 當(dāng)目前的播放列表為空時(shí)觸發(fā)。 |
| ended | 當(dāng)目前的播放列表已結(jié)束時(shí)觸發(fā)。 |
| error | 當(dāng)在音頻/視頻加載期間發(fā)生錯(cuò)誤時(shí)觸發(fā)。 |
| loadeddata | 當(dāng)瀏覽器已加載音頻/視頻的當(dāng)前幀時(shí)觸發(fā)。 |
| loadedmetadata | 當(dāng)瀏覽器已加載音頻/視頻的元數(shù)據(jù)時(shí)觸發(fā)。 |
| loadstart | 當(dāng)瀏覽器開(kāi)始查找音頻/視頻時(shí)觸發(fā)。 |
| pause | 當(dāng)音頻/視頻已暫停時(shí)觸發(fā)。 |
| play | 當(dāng)音頻/視頻已開(kāi)始或不再暫停時(shí)觸發(fā)。 |
| playing | 當(dāng)音頻/視頻在因緩沖而暫停或停止后已就緒時(shí)觸發(fā)。 |
| progress | 當(dāng)瀏覽器正在下載音頻/視頻時(shí)觸發(fā)。 |
| ratechange | 當(dāng)音頻/視頻的播放速度已更改時(shí)觸發(fā)。 |
| seeked | 當(dāng)用戶已移動(dòng)/跳躍到音頻/視頻中的新位置時(shí)觸發(fā)。 |
| seeking | 當(dāng)用戶開(kāi)始移動(dòng)/跳躍到音頻/視頻中的新位置時(shí)觸發(fā)。 |
| stalled | 當(dāng)瀏覽器嘗試獲取媒體數(shù)據(jù)，但數(shù)據(jù)不可用時(shí)觸發(fā)。 |
| suspend | 當(dāng)瀏覽器刻意不獲取媒體數(shù)據(jù)時(shí)觸發(fā)。 |
| timeupdate | 當(dāng)目前的播放位置已更改時(shí)觸發(fā)。 |
| volumechange | 當(dāng)音量已更改時(shí)觸發(fā)。 |
| waiting | 當(dāng)視頻由于需要緩沖下一幀而停止時(shí)觸發(fā)。 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
