2014年6月5日

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討論

0 意見:

 

One Design Copyright © 2009 BeMagazine Blogger Template is Designed by Blogger Template
In Collaboration with fifa