Iframe php的占位符

Iframe php的占位符,iframe,text,input,placeholder,Iframe,Text,Input,Placeholder,我在文本框上使用onclick事件。如果用户在文本框内单击,youtube视频将加载到iframe中(在div“video_holder”中)。在这个div旁边,有一个名为“text_holder”的div,它动态地更改文本。该功能可以工作,但问题是,当onclick事件未被调用时,我希望显示一个图像而不是iframe。在未调用脚本时为iframe指定占位符 这是我的代码: <script> function changeCaption(vCaption){ var cap = do

我在文本框上使用onclick事件。如果用户在文本框内单击,youtube视频将加载到iframe中(在div“video_holder”中)。在这个div旁边,有一个名为“text_holder”的div,它动态地更改文本。该功能可以工作,但问题是,当onclick事件未被调用时,我希望显示一个图像而不是iframe。在未调用脚本时为iframe指定占位符

这是我的代码:

<script>
function changeCaption(vCaption){
var cap = document.getElementById('text_holder');
cap.innerHTML = vCaption;
}
</script>


input type="text" name="a" value="1" onclick="changeCaption('test123'); yt_video.location.href=link" >


<div id="video_holder"> 
    <iframe name="yt_video" id="yt_video">
    </iframe>                                     
</div>
<div id="text_holder">
     Some initial text.   
</div>

函数更改标题(vCaption){
var cap=document.getElementById('text_holder');
cap.innerHTML=vCaption;
}
输入type=“text”name=“a”value=“1”onclick=“changeCaption('test123');yt_video.location.href=link”>
一些初始文本。
我希望有人能帮上忙。
提前谢谢

simple set iframe src=调用onclick事件时的图像路径,然后值将更改或简单,谢谢Nanhe,但它似乎不起作用。当我将图像放在div中时,会显示图像,但iframe也会加载到图像下。因此,在onclick事件中,图像保持在iframe上方。当我使用src=image时,iframe加载我的站点时会出现404页面错误(在iframe内部)。如果我将图像放在文本保持架中,它就会工作。未更换视频显示器支架。仅更新iframe的location.href。所以如何将视频支架从初始图像更换到iframe?我想这就是问题所在。你能把你的完整代码放进去吗。实际上这是我的相关代码。只有我简化了输入。我的实际输入如下所示: