javascript - 为 YouTube 弹出播放器的弹出窗口应用样式

Question

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

我该如何解决它..

Answer 1

如果要更改插件的默认值，可以按照 Arunkumar 的回答，这样您就不必在每次要初始化插件时都设置选项。

或者，您可以使用分配的插件为每个元素设置特定属性，如下所示：

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

演示

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

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

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

Answer 2

使用脚本自定义 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';
              });

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

希望能帮助到你：）;