使用 HTML + CSS + Javascript 添加弹出视频的最佳（也是最快）方法是什么？答案

【问题标题】：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 导入视频，而是从本地存储导入。

<video src="video.mp4" width="420" height="240"></video>

【讨论】：