我試圖將html元素放置在必須使用wmode =「direct」呈現的flash視頻上(視頻佔用整個窗口,需要放置html UI它,除直接以外的任何東西都會使CPU使用量激增)。Flash嵌入與html覆蓋,wmode =「直接」
我試過使用iframe來包含Flash視頻,但是我仍然無法在其上放置任何元素。有沒有解決方法來實現這一目標?
我試圖將html元素放置在必須使用wmode =「direct」呈現的flash視頻上(視頻佔用整個窗口,需要放置html UI它,除直接以外的任何東西都會使CPU使用量激增)。Flash嵌入與html覆蓋,wmode =「直接」
我試過使用iframe來包含Flash視頻,但是我仍然無法在其上放置任何元素。有沒有解決方法來實現這一目標?
根據Adobe's wmode browser support matrix,目前Mac版本的所有主流瀏覽器已經支持這種用例。在Windows上支持是不穩定的,只有IE 9+聲稱工作。
和你一樣,我試圖找出是否/當Adobe計劃在Windows瀏覽器中擴展對wmode = direct的HTML覆蓋支持。鏈接頁面只會討論Chrome最多10個,FF最多4個,所以自文檔上次更新以來可能已經取得了更多進展。
如果我找到一些有用的東西,我會將它添加到這個答案,直到那時,假設您需要Windows上的IE 9 +以支持直接+覆蓋,可能是最安全的。
我們發現當wmode="direct"
時,大多數瀏覽器都支持HTML覆蓋 - 但是沒有瀏覽器能夠支持覆蓋在閃存頂部的透明度。甚至連PNG都不能正確混合。任何具有Alpha通道的像素都會忽略,就好像根本沒有像素一樣。
當創建UI到層在Flash的頂部我們以「毯去」 SWF - 或 - 使用矩形DOM元素(即,沒有圓角)
此外 - IE 9在Windows 7及以上版本根本無法通過閃存重疊什麼。 Iframes似乎刺穿SWF,但HTML元素不。
我也有同樣的問題。直到現在我可以看到,當你應用任何Alpha顏色時,問題就會發生,例如背景不透明度:background:rgba(0,0,0,0.7);當我將0.7設置爲1時,它就會閃光。 (只發生在窗口中) – Saymon 2016-11-18 21:50:24