HTML5網(wǎng)頁視頻畫中畫功能

功能：可以將視頻網(wǎng)站在電腦任何位置易畫中畫方式顯示

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比姜堰網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式姜堰網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務覆蓋姜堰地區(qū)。費用合理售后完善，10年實體公司更值得信賴。

操作：兩次右鍵視頻

具體實現(xiàn)步驟：

1、第一次右鍵視頻，彈出的是視頻網(wǎng)站的菜單

2、保持第一步操作顯示不變，挪開光標，再次右鍵，此時就會顯示瀏覽器的控制菜單

注：Windows可使用Chrome瀏覽器

目前國內(nèi)的視頻網(wǎng)站哪些支持html5

截止2017年1月，目前國內(nèi)只有2個網(wǎng)站支持html5:

1.

騰訊視頻

2.

嗶哩嗶哩

可以說中國在html5方面全面落后于美國。后續(xù)如果再有，我會再補上來，促進中國html5視頻網(wǎng)站的發(fā)展。

關(guān)于HTML5視頻網(wǎng)站?

許多時髦的網(wǎng)站都提供視頻。HTML5 提供了展示視頻的標準。

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

Check

Web 上的視頻

直到現(xiàn)在，仍然不存在一項旨在網(wǎng)頁上顯示視頻的標準。

今天，大多數(shù)視頻是通過插件（比如 Flash）來顯示的。然而，并非所有瀏覽器都擁有同樣的插件。

HTML5 規(guī)定了一種通過 video 元素來包含視頻的標準方法。

視頻格式

當前，video 元素支持三種視頻格式：

格式

IE

Firefox

Opera

Chrome

Safari

Ogg No 3.5+ 10.5+ 5.0+ No

MPEG 4 9.0+ No No 5.0+ 3.0+

WebM No 4.0+ 10.6+ 6.0+ No

Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件

MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件

WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件

如何工作

如需在 HTML5 中顯示視頻，您所有需要的是：

video src="movie.ogg" controls="controls"

/video

TIY

control 屬性供添加播放、暫停和音量控件。

包含寬度和高度屬性也是不錯的主意。

video 與 /video 之間插入的內(nèi)容是供不支持 video 元素的瀏覽器顯示的：

實例

video src="movie.ogg" width="320" height="240" controls="controls"

Your browser does not support the video tag.

/video

TIY

上面的例子使用一個 Ogg 文件，適用于Firefox、Opera 以及 Chrome 瀏覽器。

要確保適用于 Safari 瀏覽器，視頻文件必須是 MPEG4 類型。

video 元素允許多個 source 元素。source 元素可以鏈接不同的視頻文件。瀏覽器將使用第一個可識別的格式：

實例

video width="320" height="240" controls="controls"

source src="movie.ogg" type="video/ogg"

source src="movie.mp4" type="video/mp4"

Your browser does not support the video tag.

/video

TIY

Internet Explorer

Internet Explorer 8 不支持 video 元素。在 IE 9 中，將提供對使用 MPEG4 的 video 元素的支持。

video 標簽的屬性

屬性

值

描述

autoplay autoplay 如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。

controls controls 如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。

height pixels 設(shè)置視頻播放器的高度。

loop loop 如果出現(xiàn)該屬性，則當媒介文件完成播放后再次開始播放。

preload preload

如果出現(xiàn)該屬性，則視頻在頁面加載時進行加載，并預備播放。

如果使用 "autoplay"，則忽略該屬性。

src url 要播放的視頻的 URL。

width pixels 設(shè)置視頻播放器的寬度。

為什么國內(nèi)的主流視頻網(wǎng)站不支持 HTML5

國內(nèi)winxp裝機量龐大，歷史遺留問題，而winxp最大只能裝ie6,而微軟規(guī)定ie9以上才對html5支持，ie9需要win7支持。

原因如下：

1.IE9以下用戶還挺多，兼容性問題。

2.html5支持的mp4等格式不好插廣告，必須把廣告插入視頻中。這樣每次廣告更新需要重新處理視頻，成功太高。

3.容易被下載，不利于他們推廣app。

本文題目：車機刷windows系統(tǒng)的簡單介紹
分享路徑：http://chinadenli.net/article45/dsegohi.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、虛擬主機、App開發(fā)、標簽優(yōu)化、網(wǎng)站排名、營銷型網(wǎng)站建設(shè)

廣告

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