Autoplay ne marche pas !

Neutrino3500 Messages postés 70 Date d'inscription   Statut Membre Dernière intervention   -  
Neutrino3500 Messages postés 70 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Voici mon code HTML :
<video width="80%" id="video" autoplay>
    <source src="http://cloudghost.000webhostapp.com/msgs-exe-version/stromae-papaoutai-karaoke.mp4" type="video/mp4">
</video>

Pourquoi autoplay ne marche pas ?
Cordialement.

1 réponse

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

Essaye
<video controls autoplay>
  <source src="http://cloudghost.000webhostapp.com/msgs-exe-version/stromae-papaoutai-karaoke.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>


Il arrive que certains navigateurs n'autorisent pas la lecture de la video en automatique si il y a du son
Dans ce cas il faut ajouter l'attribut muted
<video controls autoplay muted>
  <source src="http://cloudghost.000webhostapp.com/msgs-exe-version/stromae-papaoutai-karaoke.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

1
Neutrino3500 Messages postés 70 Date d'inscription   Statut Membre Dernière intervention  
 
La première méthode ne marche pas. La deuxième marche mais je voudrais que la vidéo ne soit pas muette...

Ce qui est bizarre, c'est qu'avec ma méthode, parfois ça marche, mais la plupart du temps ça ne marche pas. Pourquoi ?
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752 > Neutrino3500 Messages postés 70 Date d'inscription   Statut Membre Dernière intervention  
 
Comme je te l'ai expliqué... c'est lié au navigateur web... on n'y peut rien !
Dans un sens.. c'est compréhensible.
Ca évite d'avoir du son dès que tu ouvres des pages web à tout bout de champ.
Le confort de l'utilisateur avant tout !

Bonne soirée.

Pense à mettre le sujet en résolu.
https://www.commentcamarche.net/infos/25917-marquer-un-fil-de-discussion-comme-etant-resolu/
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752 > jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention  
 
Bien que certains navigateurs puissent bloquer cette possibilité,
en javascript il semble possible de le faire
<script type="text/javascript">
function setFullVolume() {
 var vid = document.getElementById("video");
 vid.muted = !vid.muted ;
 vid.volume = 1.0;
}

window.onload = function(e){
 setFullVolume();
}
</script> 


NB: Ce code est adapté de l'exemple du site https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_av_prop_volume

Je n'ai fait qu'y ajouter son lancement automatique...

NB² : ne pas oublier de mettre l'attribut autoplay à la balise vidéo.
0
Neutrino3500 Messages postés 70 Date d'inscription   Statut Membre Dernière intervention  
 
Même avec l'attribut muted et l’attribut autoplay, parfois, ça ne marche pas, mais parfois ça marche...
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752 > Neutrino3500 Messages postés 70 Date d'inscription   Statut Membre Dernière intervention  
 
1