我想制作一个功能,其中有一个视频播放器,我想在具有指定宽度和高度的新弹出窗口上显示该视频播放器,并且视频将在其中播放。现在,如果这是我的网站,它就可以正常工作,即我有一个按钮,单击该按钮时会打开一个带有视频播放器的新弹出窗口。 我想在我的用户网站上实现相同的结果,即他们只需在我的网站 URL 的描述上粘贴一个链接,如果有人单击该链接,它会以某种方式打开带有视频播放器的弹出窗口,我将在其中呈现视频播放器
根据您的描述,这里是演示代码。
创建 JavaScript 嵌入代码,用户可以将其复制并粘贴到其网站中。该脚本会将一个事件绑定到链接,因此当有人单击它时,它将打开一个弹出窗口。
<html>
<body>
<a href="https://www.youtube.com/watch?v=EngW7tLk6R8" data-popup-video-link>Watch Video</a>
</body>
<script>
(function() {
document.addEventListener("DOMContentLoaded", function() {
var link = document.querySelector('a[data-popup-video-link]');
if(link) {
link.addEventListener('click', function(e) {
e.preventDefault();
window.open(link.href, 'VideoPopup', 'width=640,height=480,toolbar=no,menubar=no');
});
}
});
})();
</script>
</html>
愿它对你有用!如果您需要更多,请添加完整代码。