我收到播放和暫停錯誤。兩者都顯示“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 關注
- 162 瀏覽
添加回答
舉報
0/150
提交
取消