欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

html5 嵌入視頻

2021-04-21    分類: 網(wǎng)站建設(shè)

HTML5 的到來之前,每個(gè)視頻的播放都需要通過 web 瀏覽器中通過第三方瀏覽器插件。最初我們親眼目睹 RealPlayer,接著是 Windows Media Player 和 QuickTime, 現(xiàn)在是 Flash,這是目前主導(dǎo)的插件,播放大量的網(wǎng)絡(luò)視頻。
HTML5 引入了一個(gè)新的標(biāo)準(zhǔn)在 web 頁面中嵌入和播放視頻,無任何第三方插件,只需使用一個(gè)視頻元素。 似乎是容易的,對(duì)嗎? 但是你會(huì)發(fā)現(xiàn)沒有這樣的一個(gè)視頻格式,適用于目前所有 HTML5 web 瀏覽器。

大兼容瀏覽器 HTML5 視頻,我們推薦你的視頻編碼轉(zhuǎn)成如下HTML5視頻格式,并在將它們嵌入到你的網(wǎng)頁。

  • H.264(Baseline) 在 mp4 容器。
  • VP8/WEBM 在 webm 容器。
  • Theroa/Vorbis 在 ogv 容器。

如果你只有一個(gè) HTML5 視頻文件嵌入到網(wǎng)頁,您可以簡(jiǎn)單地鏈接到它的 src 屬性

Embed HTML5 video single source 嵌入單一來源視頻

<video src="samplevideo.webm" width="640" height="480" autoplay>video>

Embed HTML5 video multiple sources 嵌入多來源視頻

多個(gè)視頻上面所提到的,是為了大的 HTML5 視頻瀏覽器兼容性,我們需要3個(gè)不同版本的視頻。 您可以在web頁面中嵌入多個(gè) HTML5 視頻在HTML5 視頻元素,例子:

源代碼詳見下面:

<video width="640" height="360" controls> <source src="http://www.html5videoplayer.net/videos/toystory.mp4" type="video/mp4" /> <source src="http://www.html5videoplayer.net/videos/toystory.webm" type="video/webm" /> <source src="http://www.html5videoplayer.net/videos/toystory.ogv" type="video/ogg" /> video>

現(xiàn)在,讓我們?nèi)⒑?bào)圖片添加到HTML5視頻。

<video poster="http://www.html5videoplayer.net/poster/toystory.jpg" width="640" height="360" controls> <source src="http://www.html5videoplayer.net/videos/toystory.mp4" type="video/mp4" /> <source src="http://www.html5videoplayer.net/videos/toystory.webm" type="video/webm" /> <source src="http://www.html5videoplayer.net/videos/toystory.ogv" type="video/ogg" /> video>

結(jié)果如下如何播放 HTML5 視頻? 只需添加 autoplay=”autoplay” 或簡(jiǎn)單的autoplay 到 video 標(biāo)簽即可。 如下

<video autoplay="autoplay" poster="http://www.html5videoplayer.net/poster/toystory.jpg" width="640" height="360" controls>

<video poster="http://www.html5videoplayer.net/poster/toystory.jpg" width="640" height="360" autoplay controls>

分享文章:html5 嵌入視頻
路徑分享:http://aaarwkj.com/news26/109226.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站網(wǎng)站導(dǎo)航、網(wǎng)站排名、做網(wǎng)站、Google、網(wǎng)站營(yíng)銷

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作
亚洲国产欧美日韩在线不卡成人| 亚洲国产日韩中文字幕| 欧美劲爆三级免费观看| 国产精品 亚洲精品| 国产999精品免费国产| 国产精品白嫩初高中害羞小美女| 91免费版在线观看网址| 亚洲熟妇av一区二区三区l| 中文字幕在线看二区不卡| 中文字幕av一区二区人妻| 午夜福利中文在线观看| 国产av专区久久伊人亚洲| 国产亚洲高清国产拍精品久久| 久久久亚洲成人国产av| 日韩中文在线中文网三级| 国产成人综合精品久久| 十八禁在线观看网址免费| 亚洲福利影院一区久久| 亚洲中文字幕一区二区人妻| 一区二区三区高清人妻日本| 亚洲一区二区视频精品| 日韩av大片一区二区三区| 中文字幕国产精品综合| 亚洲欧美熟妇欲乱又伦| 国产亚洲黄片免费在线观看| 99久久精品人妻一区| 免费无遮挡午夜视频网站| 午夜视频在线观看日韩| 少妇视频资源一区二区三区| 先锋av一区二区三区| 日韩三级精品一区二区| 放荡精品少妇一区二区三区| 日本一区二区欧美亚洲国产| 国产在线第一页第二页| av永久免费观看网站| 色琪琪原网另类欧美日韩| 欧美日本一区二区四区| 欧美性生活之欧美日韩| 亚洲国产成人91精品| 国产精品一区二区av不卡| 97热久久精品中文字幕一区|