Ajouter une vidéo au dessus de ma chatbox

4 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Ajouter une vidéo au dessus de ma chatbox

Message par @Warneup Jeu 22 Mai 2014 - 12:44

Bonjour à toutes et à tous !
Voici mon problème :
J'aimerais ajouté la vidéo bande annonce d'un jeu ( https://www.youtube.com/watch?v=xvudMu-5kIU )
mais je me doute que c'est du HTML problème : je ne connais pas le code pour le faire ; j'ai recherché dans le forum
et j'ai trouvé quelqu'un qui avait le même problème que moi mais pour moi bien sûr , ça ne marche pas xD

Voici le lien de mon forum : http://froz.forums-actifs.com/

Je ne sais pas si j'ai été très clair mais pour résumer , je veut que l'on puisse lire une vidéo au dessus de ma chatbox juste en cliquant dessus ( pas sous forme de lien )


Merci d'avance !
avatar

@Warneup
Nouveau membre

Messages : 6
Inscrit(e) le : 22/05/2014

http://froz.forums-actifs.com/
@Warneup a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une vidéo au dessus de ma chatbox

Message par Arias Jeu 22 Mai 2014 - 14:57

Bonjour,

Si tu connais un peu le HTML et si tu n'as pas peur de l'anglais, tu peux consulter cet article
https://developers.google.com/youtube/getting_started?hl=fr-FR

Plus précisément ici pour ton cas je pense:
https://developers.google.com/youtube/iframe_api_reference?hl=fr-FR

Wink
Arias

Arias
**

Messages : 93
Inscrit(e) le : 19/05/2014

http://starcitizen-ddg.bbfr.net/
Arias a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une vidéo au dessus de ma chatbox

Message par @Warneup Jeu 22 Mai 2014 - 20:11

D'accord merci : )


EDIT : pouvez vous m'expliquer ? Je ne comprend rien à l'anglais  Crying or Very sad 
avatar

@Warneup
Nouveau membre

Messages : 6
Inscrit(e) le : 22/05/2014

http://froz.forums-actifs.com/
@Warneup a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une vidéo au dessus de ma chatbox

Message par Arias Ven 23 Mai 2014 - 10:10

Essaye de coller ca dans ta PA (dans Affichage > Page d'accueil > Généralité)
Code:
<div id="player"></div>

    <script>
      // 2. This code loads the IFrame Player API code asynchronously.
      var tag = document.createElement('script');

      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      // 3. This function creates an <iframe> (and YouTube player)
      //    after the API code downloads.
      var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height: '390',
          width: '640',
          videoId: 'M7lc1UVf-VE',
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
      }

      // 4. The API will call this function when the video player is ready.
      function onPlayerReady(event) {
        event.target.playVideo();
      }

      // 5. The API calls this function when the player's state changes.
      //    The function indicates that when playing a video (state=1),
      //    the player should play for six seconds and then stop.
      var done = false;
      function onPlayerStateChange(event) {
        if (event.data == YT.PlayerState.PLAYING && !done) {
          setTimeout(stopVideo, 6000);
          done = true;
        }
      }
      function stopVideo() {
        player.stopVideo();
      }
    </script>


N'oublier d'activer le HTML sur ton forum !!
Il te faut ensuite paramétrer ce code pour afficher la video de ton choix.

Typiquement remplacer
Code:
videoId: 'M7lc1UVf-VE'

par
Code:
videoId: 'LeIDDeTaVideoSurYoutube'
Arias

Arias
**

Messages : 93
Inscrit(e) le : 19/05/2014

http://starcitizen-ddg.bbfr.net/
Arias a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajouter une vidéo au dessus de ma chatbox

Message par Lixyr Ven 23 Mai 2014 - 11:29

Bonjour,

Pour les vidéos sur Youtube, il y a une manière beaucoup plus simple de les mettre sur son forum :
En dessous de la vidéo, vous cliquez sur partager > intégrer :
- vous pouvez configurer la taille de la vidéo
- activer ou non les recommandations/suggestions de vidéos à la fin de la lecture etc

et ça donne ça :

Code:
<iframe width="560" height="315" src="//www.youtube.com/embed/xvudMu-5kIU" frameborder="0" allowfullscreen></iframe>
avec
width="560" pour la largeur de 560
et height="315" pour la hauteur, qui peut bien sûr être modifié.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Ajouter une vidéo au dessus de ma chatbox 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Ajouter une vidéo au dessus de ma chatbox 3592387030 pour prévenir la modération.

Ajouter une vidéo au dessus de ma chatbox Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajouter une vidéo au dessus de ma chatbox

Message par Neptunia Ven 23 Mai 2014 - 11:46

Bonjour ^^

En complément de la réponse de Lixyr :

Songer à remplacer le code incomplet de Youtube
Code:
src="//www.youtube.com
par
Code:
src="http://www.youtube.com
Sans quoi rien ne s'affichera.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une vidéo au dessus de ma chatbox

Message par @Warneup Ven 23 Mai 2014 - 22:10

Je vous remercie de vos réponses !

J'ai réussi à appliquer la méthode de Arias mais le seul problème , c'est que lorsque on veut lire la vidéo sur le forum , c'est marqué : une erreur s'est produite veuillez essayer ultérieurement .

Je sais que je suis chiant mais pouvez vous encore m'aider svp x) ?
avatar

@Warneup
Nouveau membre

Messages : 6
Inscrit(e) le : 22/05/2014

http://froz.forums-actifs.com/
@Warneup a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une vidéo au dessus de ma chatbox

Message par @Warneup Sam 24 Mai 2014 - 8:37

Je n'avais pas vu ta réponse Neptune x)

J'ai essayé avec le code de ma vidéo : www.youtube.com/watch?v=xvudMu-5kIU
j'ai mis http:// devant les www mais rien ne s'affiche pourtant :=(


Aidez moi !
avatar

@Warneup
Nouveau membre

Messages : 6
Inscrit(e) le : 22/05/2014

http://froz.forums-actifs.com/
@Warneup a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une vidéo au dessus de ma chatbox

Message par Neptunia Sam 24 Mai 2014 - 9:49

@Warneup a écrit:Je n'avais pas vu ta réponse Neptune x)

J'ai essayé avec le code de ma vidéo : www.youtube.com/watch?v=xvudMu-5kIU
j'ai mis http:// devant les www mais rien ne s'affiche pourtant :=(


Aidez moi !

Je viens d'essayer le code intégré et il fonctionne parfaitement une fois corrigé

Code:
<iframe width="560" height="315" src="http://www.youtube.com/embed/xvudMu-5kIU" frameborder="0" allowfullscreen></iframe>

Je crois que vous avez loupé une étape en lisant le message de Lixyr
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une vidéo au dessus de ma chatbox

Message par Lixyr Sam 24 Mai 2014 - 10:57

Ajouter une vidéo au dessus de ma chatbox Send_210Bonjour,

Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné.

Je vous invite à lire :

A bientôt sur ForumActif Smile


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Ajouter une vidéo au dessus de ma chatbox 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Ajouter une vidéo au dessus de ma chatbox 3592387030 pour prévenir la modération.

Ajouter une vidéo au dessus de ma chatbox Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une vidéo au dessus de ma chatbox

Message par @Warneup Sam 24 Mai 2014 - 11:52

Désolé Sad

Neptune> Ah et bien oui il fonctionne je te remercie !!
avatar

@Warneup
Nouveau membre

Messages : 6
Inscrit(e) le : 22/05/2014

http://froz.forums-actifs.com/
@Warneup a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum