YouTube遮擋(住)jQuery下拉選單解決方法

發表留言 人氣: 1577°c

YouTube的影片分享代碼挺方便的貼在網站或論壇上,

但如果網頁加上jQuery框架或加入一些動態的JS特效時,例如:下拉選單

會被YouTube的影片框遮擋(住)了,那麼需要簡單修改一下即可。

以"iframe“的分享代碼: 只需要在rel=0後加上wmode=opaque
例如:
<iframe width="1280" height="750" src="http://www.youtube.com/embed/uFBg5Vwheus?rel=0;wmode=opaque" frameborder="0" allowfullscreen></iframe>
以"object“的分享代碼: 只需要在rel=0後加上wmode=opaque
例如:
<object width="1280" height="750"><param name="movie" value="http://www.youtube-nocookie.com/v/uFBg5Vwheus?fs=1&hl=en_US&rel=0;wmode=opaque"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/uFBg5Vwheus?fs=1&hl=en_US&rel=0;wmode=opaque" type="application/x-shockwave-flash" width="1280" height="750" allowscriptaccess="always" allowfullscreen="true"></embed></object>

預覽網址︰ http://www.ifreesite.com/chinese-story

相關文章︰
Youtube分享代碼-上方標題刪除/移除

標籤: ,