避免通過嵌入式YouTube/Flash視頻滾動輪劫持

我在一個網站上做了一些改進，這個網站在其主頁上嵌入了一個YouTube視頻。我還沒有添加該代碼自己，但它看起來像：避免通過嵌入式YouTube/Flash視頻滾動輪劫持

 <object width="380" height="307"> 
     <param name="movie" value="http://www.youtube.com/v/DooLJvsH_BY&amp;hl=en_US&amp;fs=1&amp;" /> 
     </param> 
     <param name="allowFullScreen" value="true" /> 
     </param> 
     <param name="allowscriptaccess" value="always" /> 

     </param> 
     <embed src="http://www.youtube.com/v/DooLJvsH_BY&amp;hl=en_US&amp;fs=1&amp;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="380" height="307"></embed> 
     </object>

我有一個小UX問題，這個嵌入對象：當滾動向上或向下翻頁使用鼠標的滾輪，它停止工作當鼠標光標懸停在視頻上時。

是否有任何html/css/param設置，我可以修改以避免這種情況？

See the site itself作爲一個工作的例子。

編輯：到目前爲止，我在Windows 7 64bit和Ubuntu 11.10 64bit中遇到了這個問題。

來源

2011-10-27 jeroen

奇怪 - 好像有些人一直有相反的問題。請參閱http://stackoverflow.com/questions/1274950/prevent-webpage-from-scrolling-when-scrolling-inside-a-flash-object。 –

@ lunchmeat317有趣，我沒有看到。無論如何，我在Windows 7 64bit和Ubuntu 11.10 64bit中都遇到了這個問題。 – jeroen

<param name="wmode" value="transparent" />

（和在embed等效）

這是一個猜測。我有個人經驗，但如果你在IE中設置它，它會阻止Flash捕獲用於滾動的箭頭按鈕，這似乎是相關的。

來源

2011-10-27 15:01:12

太好了，謝謝！ – jeroen

這是我能找到的唯一的問題。我已經設法解決這個黑客。

我裹着我的一個div嵌入式含量和附加值的覆蓋用z-index，像這樣：

<div class="flash-wrapper"> 
    <div class="overlay"></div> 
    <object> 
     My object code goes here 
    </object> 
</div>

然後，用CSS

.flash-wrapper { 
    max-width: 100%; /*For responsiveness purposes*/ 
    overflow: hidden; /*To wrap around everything inside*/ 
    position: relative; 
} 
.flash-wrapper object { 
    /*to fully fill the wrapper - optional*/ 
    width: 100%; 
    max-width: 100%; 
    height: auto; 
} 
.overlay { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    right: 0; 
    left: 0; 
    /*The following only applies when the object is declared after the overlay. The overlay needs a higher z-index number*/ 
    z-index: 100; 
}

現在我可以在上面滾動的閃光燈以及。

來源

2015-03-30 21:06:30 designarti

[接受的答案]（http://stackoverflow.com/a/7917938/1364007）不適合你嗎？ –

它做到了。我提供了一個替代方案。也可能有用。 – designarti

其鎖定視頻..我怎麼玩視頻 – Allex

避免通過嵌入式YouTube/Flash視頻滾動輪劫持

回答

相關問題