当链接位于其他网站时如何打开弹出窗口

问题描述 投票:0回答:1

我想制作一个功能,其中有一个视频播放器,我想在具有指定宽度和高度的新弹出窗口上显示该视频播放器,并且视频将在其中播放。现在,如果这是我的网站,它就可以正常工作,即我有一个按钮,单击该按钮时会打开一个带有视频播放器的新弹出窗口。 我想在我的用户网站上实现相同的结果,即他们只需在我的网站 URL 的描述上粘贴一个链接,如果有人单击该链接,它会以某种方式打开带有视频播放器的弹出窗口,我将在其中呈现视频播放器

javascript html reactjs popup
1个回答
0
投票

根据您的描述,这里是演示代码。

创建 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>

愿它对你有用!如果您需要更多,请添加完整代码。

© www.soinside.com 2019 - 2024. All rights reserved.