Version imprimable du sujet

Cliquez ici pour voir ce sujet dans son format original

Forums MacBidouille _ Les Langages Du Web _ Video inline safari IOS

Écrit par : pedrokokoko 17 May 2021, 10:25

Hello,

je débute dans le html.

J'ai créé un site dans lequel il y a un lien youtube.

j'ai réussi à caché les menus youtube.

Tout marche nickel, sauf sur iphone où il m'ouvre un écran après avoir cliqué sur la vidéo.
Alors que pour android, quand on clique la video se joue dans la page sans ouvrir de lecteur.
Je souhaite que l'internaute reste sur ma page pour voir la video.

J'ai bien la commande "playsinline"

Je vous place le code en question :

HTML

<div class="video-responsive">

<iframe width="560" height="315" src="https://www.XXXXXXXXX?autoplay=1&showinfo=0&autohide=1&allow-networking=internal&controls=0&rel=0&modestbranding=0&enablejsapi=1&origin=https://XXXXXXXXXXXXX;widgetid=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; playsinline; picture-in-picture"></iframe>

<div style="position: absolute; top: 0; left: 0; z-index: 716124; width: 100%; height: 24%;"></div>

<div style="position: absolute; bottom: 0px; right: 0; z-index: 716124; width: 100%; height: 24%;"></div>
</div>
<style>
@media screen and (min-width: 200px) and (max-width: 767px) {
.playerwrap { width: 90%; }
}
</style>

Auriez-vous une idée, sachant que j'ai fait presque le tour du web.... en vain

Merci d'avance

Écrit par : Jaypee 24 May 2021, 06:58

Je vois deux choses :
Les & ne doivent pas être encodés à l'intérieur des guillemets:
src="https://blabla/bla/bla?param1=x&param2=y" pas besoin de &
La classe video-reponsive où est-elle définie ?
Il la faut soit dans un CSS séparé, ou l'embarquer dans l'entête de l'HTML.

Sans vouloir te décourager, ce sont des connaissances vraiment de base de l'HTML, il faut prendre le temps d'apprendre les règles de base.

De quoi a-t-on l'air en disant, "je suis débutant en Norvégien, je ne connais ni la grammaire, ni le vocabulaire et je veux écrire un roman" ?
JP

Propulsé par Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)