Colorbox幫助！嵌入YouTube視頻

我完全不熟悉javascript並使用colorbox。我可以根據需要加載和關閉視頻。但是，我不知道如何改變盒子的格式化，或者如何讓彈出窗口變得更加不透明。我有以下代碼：Colorbox幫助！嵌入YouTube視頻

{js} 

<br> 
<br> 
<h1>hello world! This is soooooo exciting! </h1> 

<p><a href="javascript:void jQuery.colorbox({ 
      html:'<iframe width=600 height=400 src=http://www.youtube.com/embed/eh-0knDpn5g frameborder=10 allowfullscreen></iframe>' 
       })"> <img src="/uploads/features/featured-block-1.jpg" /></a></p>

而且我一直有，我關閉彈出這個奇怪的問題，但後臺仍保持不透明。

如果任何人可以發佈一些代碼示例或向我解釋如何/如果colorbox帶參數，我將不勝感激。

來源

2012-10-03 matt hoover

彩盒文檔是它接受我認爲paramers很清楚。如果你想改變風格，你必須進入相應的CSS。 – madth3

對不起，我是新來的社區，肯定會照你說的去做。 –

你可以找到這個頁面上的所有選項：ColorBox

這裏是例子：

$.colorbox({ href: 'http://www.youtube.com/embed/eh-0knDpn5g', width: '600px', height: '400px', iframe: true });

來源

2012-10-03 18:30:40 webdeveloper

非常感謝您的回覆，但我仍然不清楚$符號在哪裏發揮作用。我以前用Java編碼過，但每當我在JavaScript中看到$時，我都會開始冒冷汗。我還沒有找到一個簡單的解釋，告訴我如何正確使用它。 –

@matthoover'jQuery.colorbox'和'$ .colorbox'是一樣的。 colorbox是jQuery插件，'$'只是捷徑。 – webdeveloper

<a class='youtube' href='http://www.youtube.com/watch?v=VOJyrQa_WR4'>Business Cats</a> 
<script> 
    $('.youtube').colorbox({iframe: true, width: 640, height: 390, href:function(){ 
     var videoId = new RegExp('[\\?&]v=([^&#]*)').exec(this.href); 
     if (videoId && videoId[1]) { 
      return 'http://youtube.com/embed/'+videoId[1]+'?rel=0&wmode=transparent'; 
     } 
    }}); 
</script>

來源

2014-12-24 20:39:04

只是爲了澄清......這段代碼來自Jack Moore ...... Colorbox的作者。 http://www.jacklmoore.com/colorbox/faq/#faq-youtube –

Colorbox幫助！嵌入YouTube視頻

回答

相關問題