Esenjin_Asakha/Arararadio
Esenjin_Asakha/Arararadio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

réécriture + message d'erreur

Browse Source
This commit is contained in:
Esenjin 2025-01-14 14:19:48 +01:00
parent bb39b225ed
commit 0ab5ea95c3
1 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
index.html
View File

@ -61,6 +61,9 @@
<source src="courage_to_tell_a_lie-intro.mp4" type="video/mp4"> <source src="courage_to_tell_a_lie-intro.mp4" type="video/mp4">
Votre navigateur ne supporte pas la lecture de vidéos. Votre navigateur ne supporte pas la lecture de vidéos.
</video> </video>
<div id="error-message" style="display: none; position: absolute; color: white; background: rgba(0,0,0,0.7); padding: 10px;">
La vidéo n'a pas pu être chargée. Vérifiez que les fichiers vidéo sont présents.
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/js/all.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/js/all.min.js"></script>
<script> <script>
@ -68,29 +71,25 @@
var playButton = document.getElementById('play-button'); var playButton = document.getElementById('play-button');
var secondVideoSrc = 'courage_to_tell_a_lie-boucle.mp4'; var secondVideoSrc = 'courage_to_tell_a_lie-boucle.mp4';
// Fonction pour lancer la vidéo
function playVideo() { function playVideo() {
playButton.style.display = 'none'; if (video.paused) {
video.play().then(function() { playButton.style.display = 'none';
// Attendre que la première vidéo se termine video.play().catch(function(error) {
video.addEventListener('ended', function() { console.error("Erreur lors de la lecture :", error);
// Charger la seconde vidéo en boucle playButton.style.display = 'block';
fetch(secondVideoSrc).then(function(response) {
return response.blob();
}).then(function(blob) {
var objectURL = URL.createObjectURL(blob);
video.src = objectURL;
video.play();
video.setAttribute('loop', 'loop');
});
}); });
}); }
} }
// Lancer la vidéo lorsqu'un clic se produit n'importe où sur la page video.addEventListener('ended', function() {
document.addEventListener('click', function() { video.src = secondVideoSrc;
playVideo(); video.loop = true;
video.play().catch(function(error) {
console.error("Erreur lors de la lecture de la seconde vidéo :", error);
});
}); });
document.addEventListener('click', playVideo);
</script> </script>
</body> </body>
<!-- Source de la vidéo https://www.nicovideo.jp/watch/sm17008276 --> <!-- Source de la vidéo https://www.nicovideo.jp/watch/sm17008276 -->