所以我正在尝试学习一些 HTML5 的东西来从头开始制作我自己的网站。我想尝试的一件事是将抽搐聊天和播放器放入网页中。我希望它在玩家缺席的情况下启动页面，并且可以使用按钮来打开或关闭玩家+聊天。一直试图解决这个问题，但我找不到我正在寻找的解决方案。如果有任何有关如何操作的提示或提示，我将不胜感激，谢谢!

<a href=" javascript:player()">Display/Hide Player</a> 
<a href=" javascript:chat()">Display/Hide Chat</a> 
 
<script> 
 
var playeron = false; 
function player() 
{ 
    if(playeron==false) 
    { 
        playeron=true; 
        document.getElementById("MyPlayer").style.display="block"; 
    } 
    else 
    { 
        playeron=false; 
        document.getElementById("MyPlayer").style.display="none"; 
    } 
} 
 
var chaton=false; 
function chat() 
{ 
    if(chaton==false) 
    { 
        chaton=true; 
        document.getElementById("MyChat").style.display="block"; 
    } 
    else 
    { 
        chaton=false; 
        document.getElementById("MyChat").style.display="none"; 
    } 
} 
</script> 
 
<iframe id = "MyPlayer" src="https://player.twitch.tv/?volume=0.32&channel=blackdahlia1147" width="1280" height="720"></iframe> 
 
<iframe id = "MyChat" src="https://www.twitch.tv/blackdahlia1147/chat?popout=" width="300" height="720"></iframe> 

请您参考如下方法:

<script> 
var playeron=false; 
var chaton=false; 
function player(){ 
if(playeron==false){ 
playeron=true; 
document.getElementById("MyPlayer").style.display="block"; 
}else{ 
playeron=false; 
document.getElementById("MyPlayer").style.display="none"; 
} 
} 
//try it yourself for chat 
</script> 
 
 
 
 
<a href=" javascript:player()">Display/Hide player</a> 
<a href=" javascript:chat()">Display/Hide Chat</a> 
<style> 
iframe{ 
display:none; 
} 
</style>