gpt4 book ai didi

javascript - 单击链接时如何显示iframe

转载 作者:行者123 更新时间:2023-11-30 16:27:09 25 4
gpt4 key购买 nike

我不是程序员/开发人员,但坚持修改网站的一部分。

比如说,我有一个网站,其中有 10 个链接,单击第一个链接后,应显示一个框架,其中包含相关视频和关闭按钮。用户可以观看该视频并可以关闭该框架。(我还想将 youtube URL 作为参数传递给以下函数)

我该怎么做?

我试过下面的html

<html>
<body>
<script>
function playme()
{
document.getElementByID('video1').style.visibility=true;
document.getElementByID('video1').src="https://www.youtube.com/watch?v=G2KlPOYu6U8";
}
</script>
<a href="#" id="playvideo" onclick="playme()">Video 1</a></li>
<iframe id="video1" width="520" height="360" frameborder="0" hidden=true></iframe>

但是这里的 iframe 没有出现。如何做到这一点?

最佳答案

像这样的东西会起作用。

/************************************************
**Call playMe() with the video code and the **
**iframe id in the brackets **
************************************************
************************************************
**https://www.youtube.com/watch?v=xLRM0tQmmC8 **
**the code after v= so xLRM0tQmmC8 **
**in this case **
************************************************/
playMe = function (vidCode, id) {
var iframe = document.querySelector('#'+id);
iframe.style.display = "block";
iframe.src = "http://www.youtube.com/embed/" + vidCode;
};
<a href="#" id="playvideo" onclick="playMe('G2KlPOYu6U8','video1')">Video 1</a>

<iframe id="video1" width="520" height="360" frameborder="0" style="display:none;"></iframe>

关于javascript - 单击链接时如何显示iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33936907/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com