youtube影片和網站選單層級打架解決方法

 

大家好~ 好久沒更新文章了(其實就是很懶的寫而已...)

最近遇到一個很無奈的問題，但解決方法也不難~
就記錄一下分享給各位...


大家都知道youtube可以外崁到自己網站裡做分享，只是如果本身網站有下拉選單，就會發生選單被youtube影片蓋住的鳥問題...

解決方法有兩種~

1. 在分享語法裡自己再加上?wmode=opaque
2. 加Jquery語法

第一種方法是最快的方法，可是如果我網站裡要放很多youtube影片，不就要加到天荒地老嗎?
所以第二種方法比較聰明，也不需擔心忘了加到語法選單就因此被影片蓋台了...


方法一




方法二，加上此Jquery語法

<script type="text/javascript">

$(document).ready(function(){

var frames = document.getElementsByTagName("iframe");

for (var i = 0; i < frames.length; i++) {

frames[i].src += "?wmode=opaque";

}

});

</script>

參考網址>>
http://www.daddydesign.com/wordpress/fixing-youtube-iframe-z-index-using-jquery/

facebook討論