Vidéo Youtube ne s'affiche pas en ligne

**jeicko** · 20/11/2021, 17h00

Bonjour,

j'essaie de mettre une video YouTube au centre du viewport, j'aimerai que ce soit centré sur smartphone. Je pense y être arrivé.

Mon problème principale est que lorsque le site est en local la vidéo fonctionne bien mais une fois le site en ligne la vidéo n'apparait pas.

De plus, les fonctions de lecture automatique et de loop fonctionnent seulement sur Safari et non sur IE Moz et Chrome en hors ligne. En ligne, la video n'apparait sur aucun des navigateurs..

Si quelqu'un a une idée..

Merci

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<body>
      <iframe class="centrer-vid" src="http://www.youtube.com/embed/*MAVIDEO*?version=3&loop=1&autoplay=1&controls=0&playlist=*MAVIDEO*" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</body>

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;}
 
 
 
body {background-color: black;}
 
 
 
 
 
.centrer-vid {
    text-align: center;
    margin-top: 50vh;
    transform: translateY(-50%);
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-height: 75vh;}

Mon projet : après scan d’un QR code, je souhaite qu’une vidéo se lise automatiquement au centre d’un smartphone et se répète en boucle. Si vous avez des idées mieux que la mienne je suis preneur.

**jreaux62** · 20/11/2021, 19h56

Bonjour,

c'est https://www.youtube.com/....

**jeicko** · 20/11/2021, 21h21

Oh bien vu ! J’ai cherché tellement plus compliqué.. merci

A présent la vidéo s’affiche correctement sur tous les navigateurs, mais l’autoplay et le loop n’ont aucun effets nul part, si tu as une idée..

**jreaux62** · 20/11/2021, 21h47

L'autoplay est désactivé sur la plupart des navigateurs.
Il faut une intervention "humaine".
Du moins, c'était le cas a une époque... pas si lointaine.

**jeicko** · 21/11/2021, 11h20

Merci pour ton aide

Vidéo Youtube ne s'affiche pas en ligne

Conception Web

Discussions similaires

Partager

Partager