CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Fullscreen Twitch

Pseudo supprimé
Pseudo supprimé 02 décembre 2017 à 22:46:37

Salut à tous,

Alors voilà je vous expose mon problème, j'ai voulu intégrer mon stream Twitch sur mon site web, le problème c'est que le full screen est "désactivé". En gros le bouton pour mettre en plein écran est grisé. J'ai utilisé le code donné par Twitch pour intégrer son live et le allowfullscreen est bien sur "true", du coup je comprend pas trop. Je précise que je suis carrément néophyte en ce qui concerne le développement web alors me balancez pas des trucs compliqués svp :snif:

Popovitch
Popovitch
Niveau 26
03 décembre 2017 à 09:25:29

J'ai regardé rapidement la doc ( https://dev.twitch.tv/dococs/embed#embedding-everything ) et j'ai essayé de faire un exemple : chez moi le fullscreen fonctionne très bien par contre l'option de désactivation ne fait rien du tout :hap:
:d) https://jsfiddle.net/jeez5k0e/

Si il y a quelque chose que tu ne comprends pas n'hésite pas :ok:

Pseudo supprimé
Pseudo supprimé 03 décembre 2017 à 12:18:02

Merci pour ta réponse, alors ça n'a pas réglé mon problème par contre j'ai compris que le problème ne vient pas du code mais d'ailleurs. Comme toi le fullscreen marche très bien quand je l'utilise ailleurs que sur mon site
:d) https://jsfiddle.net/Eseltwift/z0u6xtao/
Par contre sur mon site toujours le même problème, sachant que je créé mon site avec Wix (un peu caca mais c'est pas moi qui paye :rire2:) ça doit venir de là. Je continue de chercher, si quelqu'un trouve d'autre réponse c'est avec plaisir

Pseudo supprimé
Pseudo supprimé 04 décembre 2017 à 18:22:18

:up:
Je sais pas si j'ai le droit vu que j'étais pas en 2e page mais ce forum est pas hyper actif ^^'

Popovitch
Popovitch
Niveau 26
04 décembre 2017 à 20:55:52

J'ai fait plusieurs tests sur wix avec le plugin HTML (ce que tu utilises je pense) et malheureusement rien ne semble fonctionner avec les codes intégrations simple de Twitch, de Youtube ou de Vimeo... :(

D'après ce que je vois dans le code source le plugin ajoute une iframe (A) au dessus de l'iframe (B) de la vidéo : le problème je pense est que l'iframe (A) ne contient pas de paramètre allowfullscreen...

La solution que je te propose donc c'est d'ajouter toi-même l'attribut allowfullscreen à l'iframe :

<div id="twitch-embed"></div>

<script src="https://embed.twitch.tv/embed/v1.js"></script>
<script>

// Ajout d'un paramètre allowfullscreen à toutes les iframes pour contrer un bug du plugin de Wix
var iframes = document.getElementsByTagName('iframe');
for(i = 0;i < iframes.length; i++){
	iframes[i].setAttribute('allowfullscreen', true);
}

// Ajout de l'iframe Twitch
new Twitch.Embed("twitch-embed", {
  width: 854,
  height: 480,
  channel: "eseltwift",
  layout: "video"
});
</script>

C'est pas top, c'est crade, mais ça à l'air de fonctionner :-)))
Fait attention par contre et vérifie si il n'y a pas d'effet de bord :ok:

Pseudo supprimé
Pseudo supprimé 04 décembre 2017 à 22:44:00

Ohlala c'est horrible parce que t'as l'air de te donner du mal pour mon truc de merde et ça marche pas [[sticker:p/1lmk]]
En plus j'essaie même pas de trop toucher à ton code parce que à part quelque connaissances de base en HTML je suis une bouse.
Désolé hein ^^'

Si je trouve vraiment rien je mettrai un bouton renvoyant vers cette page :
:d) https://player.twitch.tv/?volume=0.5&!muted&channel=eseltwift

Je continue de chercher sur le net de mon côté mais je pense avoir fait le tour du net en ce qui concerne "l'incrustation d'un live Twitch sur Wix" :p)

Le lien du site, je sais pas si ça peut aider mais voilà au cas où :d) https://eseltwift.wixsite.com/eselt-future/

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Programmation
  • Création de sites web
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment