Question

我不是程序员/开发人员，而是坚持修改一个网站。

说，我有一个网站，我们有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没有出现。怎么做？

Answer 1

style.***属性期望其值为字符串而非布尔值。

true不是visibility媒体资源的有效值，您必须使用"visible"或"hidden"。

但实际上并没有帮助，因为您无法看到iframe的原因不是因为它是visibility: hidden。

也将hidden=true更改为style="visibility: hidden;"。

Answer 2

您必须将getElementBy ID 更改为getElementBy ID

使用显示：无和显示：＆＃39; ＆＃39;显示和隐藏iframe。

您必须使用来自youtube的嵌入式iframe网址，以避免＆＃34; X-Frame-Options＆＃34;错误。 https://www.youtube.com/embed/G2KlPOYu6U8

您的代码必须是：

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

Answer 3

将您的iframe更改为：

SELECT ColB
FROM yourtable
WHERE ColA = 1 -- Replace 1; this is where the magic happens in the above query
GROUP BY ColB
ORDER BY COUNT(*) DESC
LIMIT 1

并且它有效，因为您的javascript被定义为使用css <iframe id="video1" width="520" height="360" frameborder="0" style="visibility: hidden"></iframe>属性显示。

修改

也改变这个javascript片段：

visibility

Answer 4

这样的事情会起作用。

/************************************************
 **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>

单击链接时如何显示iframe

4 个答案:

修改