Problème son sur vidéo
Author: Dominique V.
Visited 1553,
Followers 1,
Shared 0
Bonjour à tous,
J'ai un petit soucis sur une vidéo.
Lorsque je la mets mon site en ligne la vidéo démarre bien mais pas le son. Il faut que j'aille sur la deuxième page ou la vidéo est placée aussi et là le son fonctionne, et si je reviens sur la page accueil tout est ok aussi le son focntionne bien.
Mais mon client voudrais que cette vidéo fonctionne tout de suite à l'ouverture avec le son.
Qui aurait une idée de ce qui se passe ?
La vidéo est en local dans un fichier vidéo.
Voici le lien du site qui est encore en finition.
www.gishlaine.fr/essai/index.html
Merci pour votre aide.
Dominique
Prenez soin de vous et de vos proches
Posted on the
Author
J'ai omis de donner la page 2 qui est : A propos/qui sommes nous ?
et pour revenir sur la page d'accueil un clic sur le logo.
Merci
Dominique
Salut Dominique,
Depuis quatre ans Chrome et Firefox en particulier ont décidé de bloquer l'autoplay sur le son et les vidéos. Voir ces articles par exemple :
https://www.generation-nt.com/google-chrome-autoplay-blocage-lecture-automatique-actualite-1953556.html
https://www.zdnet.fr/actualites/enfin-le-blocage-de-l-autoplay-audio-et-video-sur-firefox-39871595.htm
Je viens de tester ton site sous Firefox et le son ne se lance qu'à la demande :
Sous Chrome le son de la page d'accueil fonctionne si on l'a écouté sur une autre page.
Mais je ne suis pas un Pro de l'utilisation des vidéos. Attendre d'autres réactions (Support et/ou Utilisateur chevronné)...
@Suivre,
J.P.
ciao ... (It > Fr) ... l'audio automatique a toujours été inhibé dans les appareils "mobiles" et récemment aussi dans certains navigateurs PC ...
... un audio imposé sans play/stop n'a jamais été une bonne chose...
>> voici (Ru) une vieille invention de moi, toujours valable avec de petites modifications ou adaptations pour obtenir un bouton audio oui/non...
... au cas où utiliser vos propres icônes ...
.
ciao
.
Author
Bonjour,
Merci à tous les deux pour vos renseignements.
Par contre je n'arrive toujours pas à avoir mon son et pas de bouton non plus.
Je vais essayer le script.
Dominique
... ceci est mon code exclusif pour votre page actuelle:
<script>
$( document ).ready(function() {/*K>*/;
/** script sound yes/no video background x WSx5 by KolAsim **/
muteIesK = 'https://upload.wikimedia.org/wikipedia/commons/3/3f/Mute_Icon.svg'
muteNoK = 'https://upload.wikimedia.org/wikipedia/commons/2/21/Speaker_Icon.svg'
K='<a href="javascript:void(0)" id="muteK"> <img id="imgK" src="' + muteIesK +'" onclick="muteK()"
style="position:absolute;width:60px;top:40px;right:20px;z-index:30;background:rgba(255,255,255,0.5)" alt="sound yes/no" title="sound
yes/no"></a>';
$( "#imPageRow_1" ).append (K);/*K>|<<*/
}); /*K<<*/;
function muteK() { /*K1>*/
if (imPageRowGraphicsVideo_1.muted === false) {/*K2>|*/
document.getElementById("imPageRowGraphicsVideo_1").muted = true;
document.getElementById("imgK").src = muteNoK;
} /*K2<<*/
else {/*K3>*/
document.getElementById("imPageRowGraphicsVideo_1").muted = false;
document.getElementById("imgK").src = muteIesK; KA="KolAsim";
}/*K3<<*/
}/*K1<<*/
</script>
.
... la variable K= doit être une chaîne continue, sans retour chariot ...
... après avoir fait le test, puis remplacez les images par vos icônes dans les variables muteIesK et muteNoK...
.
Author
Bonjour KolAsim,
Merci pour la précision. par contre petit souci lorsque je veux mettre d'autres visuels d'haut-parleur.
Mais c'est secondaire, je trouve déjà les tient correct.
J'espère que mon client va apprécier.
Je fini les essais et je le mets en ligne toujours avec le même lien.
Encore merci pour ton aide.
Dominique
... J'ai vu maintenant; ... audio OUI / NON fonctionne bien... ;-)
.
... pour utiliser vos icônes, vous les attachez au Projet en laissant "fichiers" comme dossier proposé par défaut, par exemple soundSI.png et soundNO.png, puis les variables à corriger deviendraient celles-ci :
muteIesK = 'files/soundNO.png';
muteNoK = 'files/soundSI.png';
... ou plus simplement, télécharger les images courantes, les attacher comme dit précédemment, et les variables deviendraient avec des URL "relatives", comme ceci :
muteIesK = 'files/Mute_Icon.svg';
muteNoK = 'files/Speaker_Icon.svg';
.