Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 ( 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 !

@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
avatar

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'
avatar

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


EN PRÉSENCE RÉDUITE LA SEMAINE - RÉPOND AUX MP
avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6183
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.
avatar

Neptunia
Membre actif

Féminin
Messages : 13525
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 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
avatar

Neptunia
Membre actif

Féminin
Messages : 13525
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 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


EN PRÉSENCE RÉDUITE LA SEMAINE - RÉPOND AUX MP
avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6183
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