Dapatkan kod dahulu
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>test</title>
<script src="static/lib/jquery/jquery-1.10.1.min.js"></script>
</head>
<body>
<p class="loading"></p>
<script>
$(document).ready(function (){
/*------------ 初始化 -------------*/
//加载音乐
var LoadAudio = function (src){
this.audio = document.createElement('audio');
this.audio.src = src;
};
LoadAudio.prototype = {
constructor : LoadAudio,
play : function (){
this.audio.play();
},
pause : function (){
this.audio.pause();
},
isLoadFn : function (callback){
var that = this;
this.audio.addEventListener('canplaythrough', function (){
callback(true);
}, false);
}
};
var callMusic = new LoadAudio('static/images/call.mp3');
callMusic.isLoadFn(function (result){
alert(result);
if(result){
$('.loading').fadeOut();
}
});
});
</script>
</body>
</html>Masalah semasa ialah terminal mudah alih tidak boleh dimuatkan secara normal apabila menggunakan trafik
Ia boleh digunakan dengan WiFi Saya tidak tahu apa masalahnya Bukankah acara pemantauan canplaythrough sentiasa dipantau.
Bagaimana untuk mengubah suai, sila berikan saya nasihat.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Untuk video, saya menggunakan Video.js, saya pernah menggunakan versi asli, tetapi ia tidak begitu mudah digunakan. Segala-galanya tentang keserasian sudah tertulis