5568 sujets

Sémantique web et HTML

Bonjour,
alors voila je vous explique mon problème.
J'ai ajouter ce code a mon site internet:
<iframe controls src="https://...." width="854" height="480"></iframe>

tout fonctionne parfaitement mais le problème est que je ne peux pas mettre la vidéo en plein écran si je le désire alors que en bas a droite de la vidéo il y a la petite option mais rien ne se passe quand on clique dessus.
Je suis débutant, j'utilise Jimdo pour héberger et éditer facilement mon site web sans faire de code mais je peux aussi ajouter des partie de code comme ici et j'aurais besoin de votre aide.
Aider moi SVP.
Merci
Modifié par Carlito53 (30 Mar 2020 - 21:01)
Modérateur
Désolé, j'ai regardé et je vois pas de solution. Smiley ohwell

Cela dit, si tu envoies l'url directement dans le navigateur, tu récupères une page plein écran et le bouton fullscreen est opérationnel.

Je pense que l'iframe doit bloquer le fullscreen
Modifié par niuxe (30 Mar 2020 - 23:38)
niuxe a écrit :
Désolé, j'ai regardé et je vois pas de solution. Smiley ohwell

Cela dit, si tu envoies l'url directement dans le navigateur, tu récupères une page plein écran et le bouton fullscreen est opérationnel.

Je pense que l'iframe doit bloquer le fullscreen

Oui je sais mais j'aurais quand même voulu l'ajouter directement a mon site et pouvoir mettre ne pleine écran mais je croit que c'est Jimdo qui bloque

Jean-Pierre-Bruneau a écrit :
En prime Norton te bloque avec une attaque virus...
http://www.fox-infographie.com/x.jpg
Je retirerais l'image demain !!

ton antivirus est pourris
Modifié par Carlito53 (31 Mar 2020 - 15:03)
Bonjour,
je ne connais pas la raison pour laquelle tu utilises iframe. Sans doute il y en a une. En html 5, aujourd'hui on utilise, dans sa plus simple expression :
<video controls src="video.mp4"></video>

Ça ne répond pas à ta question, mais peut arranger les choses.
On peut y mettre plusieurs sources :
<video controls="controls">
  <source src="video.mp4" type="video/mp4" />
  <source src="video.webm" type="video/webm" />
  <source src="video.ogv" type="video/ogg" />
</video>

On peut aussi mettre comme alternative du flash pour les vieux IE, mais il faut un peu oublier ça.
Alsacreations en parle ici : https://www.alsacreations.com/article/lire/1125-introduction-balise-video-html5-mp4-h264-webm-ogg-theora.html
Et si tu as mis :
video {
  max-width: 100%;
  height: auto;
}


ta vidéo sera en principe responsive.
Hello,

le contenu d'un iframe est contenu par sa dimension, donc même si tu as un bonton plein écran dans ton iframe, ça va zoomer dedans, mais ton iframe gardera ses dimensions ...
Plusieurs options tu as, jeune padawan Smiley lol :

_ virer cet iframe et mettre une balise <video>
_ ajouter un bouton superposé à l'iframe qui va redimensionner la taille de l'iframe en JS
Pour info, pour avoir un ifram full screen tu peux faire comme ceci:

iframe {
  height: 100%;
  width: 100%;
}

Et donc en JS:

tonIframe.setProperty("height","100%");
tonIframe.setProperty("width","100%");

Modifié par stryk (31 Mar 2020 - 16:33)
Alors pour préciser j'utilise iframe parce que j'essaye d'integrer une vidéo upload sur uptobox voila voila Smiley lol et j'utilise Jimdo pour faire le site au détriment de la liberté, dessu on peut ajouter seulement des widgets en HTML
Modifié par Carlito53 (01 Apr 2020 - 16:17)