我在一个网站上工作,并试图添加一个标签附加弹出视频。
我已经看到了两三个可能的解决方案,但它们并没有像我希望的那样起作用。有些指南是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
});
});
2条答案
按热度按时间pgvzfuti1#
您可以尝试下载视频,并从本地存储导入视频,而不是从youtube导入。
<video src="video.mp4" width="420" height="240"></video>
l7wslrjt2#
Found a solution for "Magnific popup" method.
这很好用,但是我不能把我需要的视频添加到网站上,因为它们有音乐版权。