Javascript onclick没有调用函数
我试图制作一个覆盖整个屏幕的按钮，这是一个作为背景的视频，当点击按钮时应该暂停视频 即使光标“标记”了（不可见）按钮，并且我的代码看起来是正确的（显然不是），也没有发生任何事情Javascript onclick没有调用函数,javascript,html,css,function,Javascript,Html,Css,Function,我试图制作一个覆盖整个屏幕的按钮，这是一个作为背景的视频，当点击按钮时应该暂停视频 即使光标“标记”了（不可见）按钮，并且我的代码看起来是正确的（显然不是），也没有发生任何事情 <!DOCTYPE html> <html> <head> <style> html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
<!DOCTYPE html>
<html>
<head>
<style>
html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
#button { width: 100%; height: 100%; opacity: 0; cursor: pointer; }
#myVideo { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; }
</style>
</head>
<body>
<video autoplay loop muted id="myVideo">
<source src="video.mp4" type="video/mp4">
</video>
<button id="button" type="button" onclick="myFunction()"></button>
<script>
var video = document.getElementById("myVideo");
function myFunction() {
video.pause();
}
</script>
</body>
</html>
html，正文{边距：0；填充：0；宽度：100%；高度：100%；}
#按钮{宽度：100%；高度：100%；不透明度：0；光标：指针；}
#myVideo{位置：固定；右侧：0；底部：0；最小宽度：100%；最小高度：100%；}
var video=document.getElementById（“myVideo”）；
函数myFunction（）{
video.pause（）；
}
var video=document.getElementById（“myVideo”）；
函数stopVideo（）{
video.pause（）；
}
html，正文{边距：0；填充：0；宽度：100%；高度：100%；}
#按钮{宽度：100%；高度：100%；不透明度：0；光标：指针；}
#myVideo{位置：固定；右侧：0；底部：0；最小宽度：100%；最小高度：100%；}
var video=document.getElementById（“myVideo”）；
函数stopVideo（）{
video.pause（）；
}
html，正文{边距：0；填充：0；宽度：100%；高度：100%；}
#按钮{宽度：100%；高度：100%；不透明度：0；光标：指针；}
#myVideo{位置：固定；右侧：0；底部：0；最小宽度：100%；最小高度：100%；}
…。