2017-02-04 4 views
0

J'ai utilisé CSS et Youtube IFrame pour créer une vidéo d'arrière-plan, mais cela ne démarre pas après le passage en résolution mobile (en utilisant F12 etc.).La vidéo d'arrière-plan de Youtube ne démarre pas en résolution mobile

Screenshot from Chrome, it is the same on mobile.

GitHub repo with my code.

<div class="video-background"> 
    <div class="video-foreground"> 
    <iframe src="https://www.youtube.com/embed/W0LHTWG-UmQ?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=W0LHTWG-UmQ" frameborder="0" allowfullscreen></iframe> 
    </div> 
</div> 
+0

La plupart des téléphones mobiles ne prennent pas en charge la lecture automatique sur les mobiles, si c'est ce que cela concerne? Ai-je mal compris? – andrew196

+0

ah, merci, vous m'avez compris. alors, peut-être qu'il est possible de cacher le bouton de lecture youtube? – Tarasovych

+0

J'ai soumis une réponse à la question dans laquelle contient les instructions sur la façon de cacher le bouton de lecture youtube iframe – andrew196

Répondre

0

Les téléphones portables ne prennent pas en charge bg-autoplay vidéo. Donc, j'ai utilisé pour définir un img tout en version mobile.

1

Il n'y a en fait aucun moyen de autoplay une vidéo sur la plupart des appareils mobiles au moment. C'est en fait en ce qui concerne la bande passante des téléphones utilisés.

J'ai trouvé ces paramètres dans lesquels vous pouvez utiliser pour masquer le bouton de lecture comme indiqué dans les commentaires. Ce sont:

showinfo=0 controls=0 autohide=1

Donc, ce serait faire l'URL complète: https://www.youtube.com/embed/W0LHTWG-UmQ?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=W0LHTWG-UmQ&showinfo=0&controls=0&autohide=1

+0

ah, ça ne fonctionne toujours pas. Je vais essayer une autre façon peut-être – Tarasovych

+0

La dissimulation du bouton de lecture? J'ai ajouté ceci à un jsfiddle ici: https://jsfiddle.net/vutaphxq/ et semble fonctionner correctement – andrew196

+0

Puis-je demander quel appareil/navigateur vous utilisez? – andrew196