解决视频播放一次后无法再次播放的问题
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>WebCat</title>
<style>
*{
margin:0;
padding:0;
}
img{
width:100vw;
}
#inp,#nop{
text-align:center;
font-size:10vw;
}
</style>
</head>
<body>
<img src="img1/1.jpg" id="img" />
<div id="inp">播放视频</div>
<script>
var eso = 0;
const audio = new Audio('mp3/gu.mp3');
inp.onclick=function(){
if(eso == 0){
audio.play();
wdsj(1525);
eso++;
}else{
audio.pause();
alert("你什么意思？第"+eso+"次警告！！！");
audio.play();
eso++;
}
}
function wdsj(hbg){
let gg = hbg+1;
let ii = 1;
setInterval(function(){
if(ii<gg){
bofang(ii);ii++}}
,25);
eso=0;
return 0;
}
function bofang(fps){
img.src = "img1/"+fps+".jpg";
console.log(fps);
}
</script>
</body>
</html>
播放一次过后无法再次播放内容：根据代码，点击'播放视频'按钮会触发一个事件，播放音频和切换图片，同时将eso变量的值加1。当再次点击按钮时，会暂停音频播放，并弹出一个警告框，显示eso的值，然后重新播放音频，再次点击按钮时，会重复上述操作。
<p>根据问题描述，可能是因为eso变量的值没有重置，导致再次点击按钮时没有触发播放事件。可以在wdsj函数中加入eso=0;语句，重置eso变量的值，使得再次点击按钮时可以触发播放事件。</p>
原文地址: https://www.cveoy.top/t/topic/n4jH 著作权归作者所有。请勿转载和采集!