使用HTML + CSS + Javascript添加弹出视频的最佳(和最快)方法是什么?

hts6caw3  于 2023-02-18  发布在  Java
关注(0)|答案(2)|浏览(116)

我在一个网站上工作,并试图添加一个标签附加弹出视频。
我已经看到了两三个可能的解决方案,但它们并没有像我希望的那样起作用。有些指南是10年前制定的,也已经过时了。
我尝试的最后一件事是“放大弹出窗口”的方法,我可以插入弹出窗口,但视频没有加载。
Image of what is happening

超文本标记语言

<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
    });
});
pgvzfuti

pgvzfuti1#

您可以尝试下载视频,并从本地存储导入视频,而不是从youtube导入。
<video src="video.mp4" width="420" height="240"></video>

l7wslrjt

l7wslrjt2#

Found a solution for "Magnific popup" method.
这很好用,但是我不能把我需要的视频添加到网站上,因为它们有音乐版权。

相关问题