我收到播放和暂停错误。两者都显示“Uncaught TypeError: Cannot read property 'play' of null at playVid”我的代码如下，我不确定我做错了什么。<button onclick="playVid()" type="button">Play Video</button><button onclick="pauseVid()" type="button">Pause Video</button><br> <video id="myVideo" width="320" height="176"> <source src="<?php echo $video ?>" type="video/mp4"></video>var vid = document.getElementById("myVideo");function playVid() { vid.play();}function pauseVid() { vid.pause();}function menuAnimate(x) { $(".menu-wrap").toggleClass("open");}
1 回答
富国沪深
TA贡献1790条经验 获得超9个赞
始终在加载所有 HTML 元素后运行脚本
第一次运行脚本时会发生什么
var vid = document.getElementById("myVideo");
由于元素的主体未加载，因此不存在具有 id 的元素，myVideo并且 vid 被初始化为null
现在，当您单击按钮时，会调用该按钮，但由于初始化为 null，因此playVid()无法执行vid.play()vid
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<button onclick="playVid()" type="button">Play Video</button>
<button onclick="pauseVid()" type="button">Pause Video</button><br>
<video id="myVideo" width="320" height="176">
<source src="<?php echo $video ?>" type="video/mp4">
</video>
<script>
var vid = document.getElementById("myVideo");
function playVid() {
vid.play();
}
function pauseVid() {
vid.pause();
}
function menuAnimate(x) {
$(".menu-wrap").toggleClass("open");
}
</script>
</body>
</html>
- 1 回答
- 0 关注
- 121 浏览
添加回答
举报
0/150
提交
取消