IPB

Bienvenue invité ( Connexion | Inscription )

 
Reply to this topicStart new topic
> Video inline safari IOS, Je voudrais enlever la lecture video plein écran sur IOS
Options
pedrokokoko
posté 17 May 2021, 10:25
Message #1


Nouveau Membre


Groupe : Membres
Messages : 2
Inscrit : 17 May 2003
Membre no 7 627



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&amp;showinfo=0&amp;autohide=1&amp;allow-networking=internal&amp;controls=0&amp;rel=0&amp;modestbranding=0&amp;enablejsapi=1&amp;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

Ce message a été modifié par baron - 17 May 2021, 13:59.
Raison de l'édition : Ajout de balises de mise en forme HTML


--------------------
imac 600 mac os x.2.6
borne airport extrem
adsl wanadoo
Go to the top of the page
 
+Quote Post
Jaypee
posté 24 May 2021, 06:58
Message #2


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 2 468
Inscrit : 29 Aug 2002
Membre no 3 340



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 &amp;
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

Ce message a été modifié par Jaypee - 24 May 2021, 07:04.
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 utilisateur(s) sur ce sujet (1 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 



Nous sommes le : 26th October 2021 - 06:34