为YouTube Popup Player的弹出窗口应用样式

时间:2013-04-05 11:16:09

标签: javascript jquery css youtube

我在我的webapplication中使用了Youtube Popup播放器用于视频播放器,我试图改变弹出窗口的样式..但我无法做到..我找到了cssClass property来应用样式..这里是youtube弹出播放器的链接.. http://lab.abhinayrathore.com/jquery_youtube/

我该如何解决..

2 个答案:

答案 0 :(得分:1)

如果您想更改插件的默认设置,可以按照Arunkumar的说法进行操作,这样您就不必在每次要初始化插件时都设置选项。

或者,您可以为分配了插件的每个元素设置特定属性,如下所示:

$(function () {
    var options = {
        fullscreen         : 0,
        color              : 'red',
        width              : 500,
        height             : 300,
        overlayOpacity     : 0.9
    };
    $("a.youtube").YouTubePopup(options);
});

DEMO

或者,您可以执行以下操作,而不是创建变量选项:

$(function () {
    $("a.youtube").YouTubePopup({
        fullscreen         : 0,
        color              : 'red',
        width              : 500,
        height             : 300,
        overlayOpacity     : 0.9
    };);
});

希望我能让你更容易理解!

答案 1 :(得分:0)

使用脚本

自定义Popup

$(function () {
$.fn.YouTubePopup.defaults.fullscreen = 0;
$.fn.YouTubePopup.defaults.color1 = 'CCCCCC';
$.fn.YouTubePopup.defaults.width='500';
$.fn.YouTubePopup.defaults.height='300'; 
$.fn.YouTubePopup.defaults.overlayOpacity='0.5';
              });

您可以更改上面的弹出式默认设置。

希望它有所帮助:);