WebSite X5Help Center

 
Dominique V.
Dominique V.
User

Problème son sur vidéo  fr

Autor: Dominique V.
Visitado 1514, Seguidores 1, Compartilhado 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

Publicado em
9 RESPOSTAS
Dominique V.
Dominique V.
User
Autor

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

Ler mais
Publicado em de Dominique V.
JiPeR 48
JiPeR 48
Moderator

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.

Ler mais
Publicado em de JiPeR 48
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Dominique V.
Dominique V.
User
Autor

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

Ler mais
Publicado em de Dominique V.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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>

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Dominique V.
Dominique V.
User
Autor

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

Ler mais
Publicado em de Dominique V.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... J'ai vu maintenant; ... audio OUI / NON fonctionne bien...  ;-)

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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';

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪