Question

有人知道有非Javascript youtube视频弹出。我的主页上有一个按钮，我想打开一个带有youtube视频的弹出窗口。

谢谢你们

这是我的链接

 <a href="http://youtu.be/krlR2-YGk4sI" target="_blank"><span class="cta floatL">through the eyes of a bigsmile advert</span><span class="playIco floatL"></span></a>

这是我的iframe

<iframe width="420" height="345" src="<iframe width="420" height="345" src="http://www.youtube.com/embed/krlR2-YGk4sI?autoplay=1" frameborder="0" allowfullscreen></iframe>" frameborder="0" allowfullscreen></iframe>'

我只需要找到一种方法让它像一个fancybox一样弹出屏幕中心，没有javascript。谢谢你们

Answer 1

不，我不认为有一种方法没有使用JS，但对于像这样的一块，JS非常简单。你应该只能将弹出窗口放在div中，然后使用CSS使其隐藏，然后在按钮上单击一个JS函数，将其置于顶部。希望这有帮助:)

    <div id='PopUp' style='display:none;'>
        <iframe></iframe>
    </div>
    <button onclick='showPopUp()'>click Me</button>
        <script>
            function showPopUp()
            {
                document.getElementById('PopUp').style.display = 'block';
            }
        </script>

NON JS youtube popup（普通html？）

1 个答案: