为 YouTube 弹出播放器的弹出窗口应用样式答案

【问题标题】：Applying style for YouTube Popup Player's popup Window为 YouTube 弹出播放器的弹出窗口应用样式
【发布时间】：2013-04-05 11:16:08
【问题描述】：

我在我的网络应用程序中使用 Youtube Popup 播放器作为视频播放器，我正在尝试更改弹出窗口的样式..但我无法做到这一点..我找到了 cssClass property 来应用样式..这是youtube 弹出播放器的链接..http://lab.abhinayrathore.com/jquery_youtube/

我该如何解决它..

【问题讨论】：

标签： javascript jquery css youtube

【解决方案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
    };);
});

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

【讨论】：

感谢您回复silentw ..我想为该youtube弹出容器提供一个类并将其用于样式..我知道这些属性，我见过cssClass和idAttribute但不知道如何使用它们..
可能只是以某种方式设置触发弹出窗口的元素，而不是设置弹出窗口本身的样式。不过我可能错了……
在快速浏览文档后，idAttribute 是定义 youtube 链接是否在元素的 rel、href、name 等属性中。 cssClass，如上所述：Attribute containing the CSS class to be assigned to the popup div

【解决方案2】：

使用脚本自定义弹出窗口

喜欢

$(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';
              });

您可以通过上述方式更改弹出默认值。

希望对你有帮助:);

【讨论】：