Html 如何添加按钮以关闭此视频播放器代码

我的代码：

视频1 { 职位：； 顶部：50px； 左：10px； 宽度：500px； 边框：0px纯蓝色； 显示：块； z指数：99； } 视频2 { 位置：绝对位置； 顶部：70像素； 左：120px； 宽度：200px； 边框：0px实心红色； z指数：100； } 不支持HTML5视频 您可以使用display:none；关闭视频。 有关显示属性的详细信息，请参见：

Html:

您提供的与按钮一起工作的代码段： 视频1{ 职位：； 顶部：50px； 左：10px； 宽度：500px； 边框：0px纯蓝色； 显示：块； z指数：99； } 视频2{ 位置：绝对位置； 顶部：70像素； 左：120px； 宽度：200px； 边框：0px实心红色； z指数：100； } 关闭按钮{ 颜色：红色； 位置：绝对位置； 顶部：80px； 左：310px； 宽度：20px； 高度：20px； z指数：200； 文本对齐：居中； } 关闭视频=功能{ document.getElementById'Video2'.style.display='none'； document.getElementById'CloseButton'.style.display='none'； } x 不支持HTML5视频

---

你说的关闭按钮到底是什么意思？目前有一个暂停按钮？一个按钮隐藏较少的视频，让它不可见，我使用它标记视频+按钮。关闭不起作用如何在CSS代码Video2中实现按钮关闭元素？您好，请添加一点更多的信息来解释您的代码示例，以及关于您尝试执行的操作，它的当前行为，还有你尝试过的东西？这将有助于吸引那些能回答你问题的人，并给他们一些背景知识，让他们知道你想要完成什么。这里有一个链接，描述了如何提出一个好问题：。谢谢并享受这个网站。你真的试过关闭按钮吗？此HTML/CSS代码段不包含任何类型的关闭按钮。请注意，您必须尝试实现此功能，因为我们无法为您编写代码。请更新您的问题，以包含您为“关闭”按钮尝试的代码，以获得进一步的调试帮助。

<button id="CloseButton" onclick="closeVideo()" > x </button>

closeVideo = function() {
     document.getElementById('Video2').style.display ='none';
     document.getElementById('CloseButton').style.display ='none';
}