Ajouter une vidéo au dessus de ma chatbox

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 le 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 ( http://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 !

@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 le 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
**

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 le Jeu 22 Mai 2014 - 20:11

D'accord merci : )


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

@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 le 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
**

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 le 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é.





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le 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
+ Hyperactif +

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

http://www.planet-series.com/
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 le 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) ?

@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 le 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 !

@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 le 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
+ Hyperactif +

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

http://www.planet-series.com/
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 le Sam 24 Mai 2014 - 10:57

Bonjour,

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





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le Sam 24 Mai 2014 - 11:52

Désolé Sad

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

@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


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