Javascript 单击链接时如何显示iframe_Javascript_Html

Javascript 单击链接时如何显示iframe

javascript html

Javascript 单击链接时如何显示iframe,javascript,html,Javascript,Html,我不是一个程序员/开发人员，但坚持修改网站的一部分比方说，我有一个网站，我们有10个链接，点击第一个链接，一个框架应该显示一个相关的视频和关闭按钮。用户可以观看该视频并关闭该帧。（我还想将youtube URL作为参数传递给下面的函数）我该怎么做我在html下面试过了 <html> <body> <script> function playme() { document.getElementByID('video1').style.visibi

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

比方说，我有一个网站，我们有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>


函数playme（）
{
document.getElementByID（'video1'）.style.visibility=true；
document.getElementByID（'video1'）。src=”https://www.youtube.com/watch?v=G2KlPOYu6U8";
}

但在这里，iframe不会出现。如何执行此操作？

将iframe更改为：

<iframe id="video1" width="520" height="360"  frameborder="0" style="visibility: hidden"></iframe>

style.**

属性希望其值为字符串而不是布尔值

true

不是

visibility

属性的有效值，您必须使用

“visible”

或

“hidden”

但这实际上没有帮助，因为无法看到iframe的原因并不是因为它是

可见性：隐藏的
将hidden=true
更改为style=“visibility:hidden；”
。
类似的操作也可以

/************************************************
**使用视频代码和**
**括号中的iframe id**
************************************************
************************************************
**https://www.youtube.com/watch?v=xLRM0tQmmC8 **
**v=so xLRM0tQmmC8之后的代码**
**在这种情况下**
************************************************/
播放时间=功能（视频代码，id）{
var iframe=document.querySelector（“#”+id）；
iframe.style.display=“块”；
iframe.src=”http://www.youtube.com/embed/“+视频编码；
};
您必须将getElementByID更改为getElementByID
使用display:none和display:“”显示和隐藏iframe
您必须使用youtube中嵌入的iframe的url，以避免“X-Frame-Options拒绝加载”错误
您的代码必须是：
<html>
<body>
<script>
function playme()
{
    document.getElementById('video1').src = "https://www.youtube.com/embed/G2KlPOYu6U8"; //use embed url from you tube
    document.getElementById('video1').style.display = ''; //set display to default
}
</script>
    <a href="#" id="playvideo" onclick="playme()">Video 1</a><br/>
    <iframe id="video1" width="520" height="360"  frameborder="0" style="display: none;" ></iframe> <!-- use style="display: none;" to hide iframe -->
</body>
</html>


函数playme（）
{
document.getElementById（'video1'）。src=”https://www.youtube.com/embed/G2KlPOYu6U8“；//从您的管道中使用嵌入url
document.getElementById（'video1'）。style.display=''；//将display设置为默认值
}


不工作，正如我之前说过的，我不想显示iframe。我只需要点击链接就可以了。我想你没有测试它。这正是你需要的。首先，框架不显示。当用户单击时，可见性变为可见，iframe显示。测试并返回。虽然它符合我的期望，但视频没有在这里显示或播放。你能在这里设置任何youtube url吗？只需编辑iframe.src，尽管老实说，我根本不会使用iframe。下面尝试过：但不起作用。函数playme（）{var iframe=document.querySelector（'#video1'）；iframe.style.display=“block”；iframe.src=”“}您在哪里尝试它？有些地方会阻止你在iFrame中使用外部地址，url也应该在这里它正在工作@Uday我已经更改了它以使它更易于使用。哇，这很有效。我需要更多的帮助，比如，当我点击这个链接时，实际上会显示下面的链接，链接会向下移动。我可以做一些类似于窗口a的事情来显示和播放该视频中的视频。我不确定需要放置什么样的精确控制。只需将更改为

<html>
<body>
<script>
function playme()
{
    document.getElementById('video1').src = "https://www.youtube.com/embed/G2KlPOYu6U8"; //use embed url from you tube
    document.getElementById('video1').style.display = ''; //set display to default
}
</script>
    <a href="#" id="playvideo" onclick="playme()">Video 1</a><br/>
    <iframe id="video1" width="520" height="360"  frameborder="0" style="display: none;" ></iframe> <!-- use style="display: none;" to hide iframe -->
</body>
</html>