Ⅰ 有一個html5頁面，上面有很多視頻的一幀圖，想點擊圖片彈出一個小窗口播放該視頻。

2007年W3C(萬維網聯盟)立項HTML5，直至2014年10月底，這個長達八年的規范終於正式封稿。
過去這些年，HTML5顛覆了PC互聯網的格局，優化了移動互聯網的體驗，接下來，HTML5將顛覆原生App世界。這聽起來有點危言聳聽，但若認真分析HTML5的發展史，你會發現，這個世界的發展趨勢確實就是這樣。
熟知歷史才能預知未來，先讓我們來看看HTML5為什麼誕生、這8年是怎麼過來的。
一、 HTML5的誕生
自W3C於1999年發布HTML4後，Web世界快速發展，一片繁榮。人們一度認為HTML標准不需要升級了。一些致力於發展Web App的公司另行成立了WHATWG組織，直到2007年，W3C從WHATWG接手相關工作，重新開始發展HTML5。
HTML5的發展史，有用戶的需求在推動，有技術開發者的需求在推動，更有巨大的商業利益在推動。
在互聯網的早期，對用戶而言，能打開瀏覽器接入到互聯網世界就是一個神奇的事情，但互聯網發展到2005年前後，開始出現下一個變化，就是寬頻互聯。
隨著寬頻的普及和電腦性能的增強，人們不再滿足於單純的通過互聯網看新聞、收發郵件，消耗更高帶寬的娛樂產品開始出現，就是流視頻和網頁游戲。其實視頻和游戲是古老的需求，在互聯網不普及的時候，需求的滿足方式是離線傳輸的VCD和游戲光碟;後來互聯網逐漸普及，人們更改了使用方式，通過下載軟體+本地媒體播放器來看視頻，下載體積較大的端遊玩游戲。
但是對消費者體驗更好的新方式還是出現並顛覆了以前的一切，那就是流媒體和網頁游戲。Youtube等公司把握住潮流飛速崛起，各種頁游公司也如雨後春筍。
但是HTML標准沒有把握住產業的變化及時演進，瀏覽器產品也未升級，這塊新需求被瀏覽器插件滿足了，那就是Flash。這個部署在億萬瀏覽器里的商業插件儼然成為事實標准。2005年Adobe巨資收購Macromedia，把Flash收歸旗下，緊接著大幅推廣FLV流媒體和action script語言，很明顯這樁收購可以列為IT並購的經典案例，FLV流媒體和Flash游戲風靡互聯網，Adobe在新的產業升級中攫取了大量的利潤。
除了Flash這個商業產品成為了事實標准，W3C還面臨一個尷尬，就是另一個私有擴展協議的製造者—IE。IE當時在桌面瀏覽器佔有壟斷地位，並且擴展了大量的IE Only語法，開發者完全不知道這些語言是誰定義的。整個web世界，就被兩家公司微軟+Adobe綁架了。
很多IT巨頭都坐不住了，尤其是蘋果和Google。PC操作系統的世界難有突破，Web瀏覽器被蘋果寄予厚望，而且第一代iPhone只支持網頁，那時還沒有Appstore，Safari是喬布斯非常看重的產品;新貴Google雖然大量贊助Mozilla，但並未對IE的地位產生實質影響，收購了YouTube後發現底層被Adobe控制，也是非常難過，而且Google每年給IE的搜索框和Adoble FLV繳納的費用真不是小數目。
既然大家都是W3C的大大單位，好吧，我們重新開始做HTML5吧。
是的，HTML5其實就是這么誕生的。那是2007年，IE和Flash由盛轉衰的轉折點。
二、 HTML5第一階段： Web 增強與破壟斷
自HTML5誕生以來，一共經歷了兩個階段，分別是Web增強和移動互聯網。我們先從Web 增強說起。
web體驗的豐富增強主要表現在：1. webapp，比如gmail;2. 流媒體;3. 游戲。我們就這3個方面來講HTML5做了什麼。
1. webApp
HTML5新增了離線存儲、更豐富的表單(比如Input type=date)、js線程、socket王樂、標准擴展embed、以及很多css3新語法…
2. 流媒體
HTML5新增了audio、video
3. 游戲
HTML5新增了canvas、webgl
當然還有Google努力在HTML5中推進Header和Section等標簽，以利於搜索引擎分析，這些不多述。
HTML5補充流媒體和游戲能力後，加上蘋果強勢拒絕在iOS上引入Flash，成功的遏制了Flash的發展，然後就該遏制IE私有語法了。
在HTML5標準的升級過程中，蘋果和Google同時也看到了瀏覽器市場重新洗牌的機會，他們一方面參與HTML5的規范，一邊在瀏覽器產品上發力。Apple首先開始大力發展Safari，建立WebKit開源項目，Mac、iOS、Windows多平台齊發力;Google起初是贊助Mozilla開發Firefox，後來自己開發了v8引擎，合並WebKit，於2008年正式推出Chrome。「IE的私有規范+Flash不是標准，我們才是標准」這樣的口號在新一代瀏覽器大戰中打響，IE瞬間成為千夫所指的壟斷代表，甚至成了阻礙Web發展的罪人(當時IE6已數年未更新，並且絲毫不懼Firefox的發展)。
偏偏微軟此時也出了暈招，推出了一系列即不完整支持規范又互相不兼容的IE7、8、9、10，徹底失去了開發者的心。
Adobe的Flash被遏制，與Web霸主的位子擦肩而過;IE的私有標准被遏制，並且造成IE市場份額不停下滑，直到IE最新的移動版本反過來開始支持WebKit私有語法，真是令人唏噓。不知道HTML6是不是該打倒WebKit壟斷了。
三、 HTML5第二階段： 移動互聯網
未來待續。。。。

網路知道不讓放那麼多字，來源鏈接為：http://e.9miao.com/group/5/thread/149

Ⅱ HTML中怎樣讓彈出層位於flv視頻播放器上面

我告訴你永遠不可能、
但是 如果你彈出一個 iframe 是可以在上面的
但是很不興 這個iframe無法透明
所以 改道吧 我以前項目透到過 這個問題

Ⅲ html(網頁)中怎麼點擊圖片在當前頁彈出一個帶窗口的視頻

給點擊的那個圖片添加一個點擊事件，事件打開一個窗口，在窗口中實現視頻播放，用vedio.js一般都是可以實現的。

Ⅳ html里如何點擊圖片彈出視頻播放

1、首先來在電腦上啟動源DW網頁編輯器，新建一個html網頁。

Ⅳ html 怎麼做視頻播放窗口

其實是先將video標簽隱藏，當你點擊的時候顯示就可以了！但是需要你先動態將視頻鏈接傳給video 上。這里注意先後順序 先 動態添加給video 然後再顯示！

Ⅵ 關閉彈出層並關閉層中html5 video視頻

引入jQuery，寫好事件之後，核心代碼如下內
$(".modal-content").slideUp(); //關閉層
$(".modal-content video#vd01").trigger("pause").hide(); //關閉視頻容

Ⅶ 我用html代碼鏈接本地視頻，總是彈出迅雷下載

因為html是瀏覽器編輯的，像視頻這樣瀏覽器編輯不了的，他就會提示下載，

Ⅷ html中怎麼點擊圖片彈出視頻

頭標簽代碼如下：

<linkhref="css/layerModel.css"type="text/css"rel="stylesheet">
<scripttype="text/javascript"src="js/jquery.layerModel.js"></script><scripttype="text/javascript">$(function(){$("#demoBtn1").click(function(){$('#demo1').layerModel({blurClose:true});});
}）;

Ⅸ html(網頁)中怎麼點擊圖片在當前頁彈出一個帶窗口的視頻 就是點擊頁面中的縮略圖就會在頁面中間

這個應該不難吧，先設置視頻那個容器的display為none，當click時為block不就好了