【问题标题】:Which is actually the best (and fastest) way to add a popup video using HTML + CSS + Javascript?使用 HTML + CSS + Javascript 添加弹出视频的最佳(也是最快)方法是什么?
【发布时间】:2023-02-17 20:36:26
【问题描述】:

我在网站上工作并尝试添加附加到标签的弹出视频。

我已经看到两三个可能的解决方案来解决我的问题,但它们并没有按照我希望的方式工作。有些指南是 10 年前制作的,也已经过时了。

我最后尝试的是“Magnific popup”方法,我可以插入弹出窗口,但视频没有加载。

Image of what is happening

HTML

 <a class="popup-youtube" href="https://www.youtube.com/watch?v=QwGf3ZH1ZUQ">Open YouTube video</a><br>

Javascript

$(document).ready(function() {
    $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
        disableOn: 700,
        type: 'iframe',
        mainClass: 'mfp-fade',
        removalDelay: 160,
        preloader: false,

        fixedContentPos: false
    });
});

【问题讨论】:

    标签: javascript html popup load


    【解决方案1】:

    您可以尝试下载视频,而不是从 youtube 导入视频,而是从本地存储导入。

    &lt;video src="video.mp4" width="420" height="240"&gt;&lt;/video&gt;

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-10-28
      • 2012-01-07
      • 1970-01-01
      • 2019-11-26
      • 2011-08-05
      • 1970-01-01
      • 2010-10-16
      • 2013-08-21
      相关资源
      最近更新 更多