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

33
index.html
View File

@ -61,6 +61,9 @@
<source src="courage_to_tell_a_lie-intro.mp4" type="video/mp4">
Votre navigateur ne supporte pas la lecture de vidéos.
</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>
@ -68,29 +71,25 @@
var playButton = document.getElementById('play-button');
var secondVideoSrc = 'courage_to_tell_a_lie-boucle.mp4';
// Fonction pour lancer la vidéo
function playVideo() {
if (video.paused) {
playButton.style.display = 'none';
video.play().then(function() {
// Attendre que la première vidéo se termine
video.addEventListener('ended', function() {
// Charger la seconde vidéo en boucle
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');
});
});
video.play().catch(function(error) {
console.error("Erreur lors de la lecture :", error);
playButton.style.display = 'block';
});
}
}
// Lancer la vidéo lorsqu'un clic se produit n'importe où sur la page
document.addEventListener('click', function() {
playVideo();
video.addEventListener('ended', function() {
video.src = secondVideoSrc;
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>
</body>
<!-- Source de la vidéo https://www.nicovideo.jp/watch/sm17008276 -->