【问题标题】:YouTube Video popup when the user click on YouTube Video当用户点击 YouTube 视频时弹出 YouTube 视频
【发布时间】:2017-08-09 12:04:05
【问题描述】:

我已在 Wordpress 的网站上嵌入了 youtube 视频。但是当用户点击视频时,它会在弹出窗口中显示。无法做到这一点。我试过弹窗插件。

【问题讨论】:

    标签: wordpress popup


    【解决方案1】:

    您可以使用下面的 wordpress 插件在灯箱弹出窗口中播放视频。 https://wordpress.org/plugins/wp-video-lightbox/

    在这里您可以看到在您的主题中安装的简单安装步骤。 https://wordpress.org/plugins/wp-video-lightbox/#installation

    【讨论】:

    • 这些我都用过。试着去理解。我使用 iframe 嵌入了一个 youtube 视频,它正在显示 youtube 视频,但是当用户单击该视频时,它应该在弹出窗口中打开。它没有在弹出窗口中打开,它只在那里支付。 @Chetan Panchal
    • 我用过这个插件,但是auto_thumb图片太小了。 @Chetan Panchal
    • 我想打开视频本身的弹出窗口。 @Chetan Panchal
    • 您的用户是否与插件中提到的短代码相同?
    • 是的@Chetan Panchal
    【解决方案2】:

    有很多 Lightbox 插件服务于相同的业务,其中一个也易于使用的是Fancybox 插件。

    这个插件有各种形式,包括 wordpress 插件。

    https://wordpress.org/plugins/easy-fancybox/

    尝试使用它并确保正确配置它。

    **********更新部分**********

    这是实现它的方法之一。 以下是所需的代码行:

    1.) 添加事件触发按钮:

    <a href="https://www.youtube.com/embed/your_video_id?modestbranding=1&rel=0&showinfo=0" class="video_btn pull-right fancybox iframe"><i class="fa fa-video-camera"></i> Watch Video</a>
    

    2.)配置fancybox

    $('.fancybox').fancybox({
                autoSize: false,
                autoDimensions: false,
                width: 630,
                height: 425,
                fitToView: false,
                padding: 0,
                title: this.title,
                href: $(this).attr('href'),
                type: 'iframe'
    
        });
    

    【讨论】:

    • 这些我都用过。试着去理解。我使用 iframe 嵌入了一个 youtube 视频,它正在显示 youtube 视频,但是当用户单击该视频时,它应该在弹出窗口中打开。它没有在弹出窗口中打开,它只在那里支付。 @Faizunnabi
    • 兄弟,对于您想要的功能,您可以添加一个外部事件,单击该事件将触发弹出窗口,然后您可以根据需要播放视频。例如。尝试在视频 iframe 上添加一个透明的 div 框架,点击它会触发弹出窗口,或者添加一个覆盖播放按钮。
    • 你能写代码吗? @Faizunnabi
    • 没有兄弟。假设我添加了像
      。它显示为视频,但是当用户单击该视频时,它应该打开。 @法祖纳比。在您的代码中,它显示为文本。
    猜你喜欢
    • 2018-02-07
    • 2017-07-31
    • 1970-01-01
    • 1970-01-01
    • 2014-05-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多