Télévision sur le forum.

5 participants

Page 2 sur 2 Précédent  1, 2

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

Résolu Télévision sur le forum.

Message par Invité Sam 11 Mai 2013 - 22:33

Rappel du premier message :

Salut ! Ca va ? Moi oui x)

Bon j'écris direct, les membres de mon forum veulent une sorte de télé qui diffuse des vidéos, pubs (faites par moi bien sûr) etc..


Voici un aperçu :

http://images.all-free-download.com/images/graphiclarge/tv_shows_98296.jpg

Existe t'il un code ? Si quelqu'un peut m'aider, je vais vous donner les liens des vidéos diffusées dans la télé


Dernière édition par sara1548 le Sam 8 Juin 2013 - 10:55, édité 1 fois
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Télévision sur le forum.

Message par Invité Sam 1 Juin 2013 - 14:58

L'un dans le HTML, l'autre dans le CSS ^^
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Télévision sur le forum.

Message par AenigmA Sam 1 Juin 2013 - 15:48

Coucou petite Sarah

Le code :
Code:
<table class="tele">
<tr>
<td>
<div id="video" class="vid"></div>
</td>
</tr>
</table>
<script>
      var tag = document.createElement('script');
  tag.src = "//www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    var player,
        width = 500,
        height = 274,
 
 
 

        videoContainer = '<div id="video"></div>',
          videoStreams = ['EhTOWwAZxK0', 'WIT6PGWzGHo', '62rsmZ919kc', 'caklVAntCKY' ];

      // get random video from array
    Array.prototype.shuffle = function () {
        for (var i = this.length - 1; i > 0; i--) {
            var j = Math.floor(Math.random() * (i + 1));
            var tmp = this[i];
            this[i] = this[j];
            this[j] = tmp;
        }

        return this;
    };

    function randomVideo() {
        var stream = videoStreams.shuffle();
        return stream[0];
    };

    // create youtube player
    function onYouTubePlayerAPIReady() {
        player = new YT.Player('video', {
          height: height,
          width: width,
   
    playerVars: { 'autoplay': 1, 'controls': 0, },
          videoId: randomVideo(),
          events: {
            'onStateChange': onPlayerStateChange
          }
        });
    };

    // when video ends
    function onPlayerStateChange(event) {       
        if(event.data === 0) {           
            document.location.reload(true);
        }
    };
</script>

Son css :
Code:
.tele
{
background-image: url('http://cdn.redmondpie.com/wp-content/uploads/2011/07/Apple-OLED-TV1.jpg');
width: 590px;
height: 399px;
}
.vid
{
position:relative;
left:36px;
top: -20px;
   
 border-radius:5px; 
    border:4px solid #ddd;
    background:#FFF;
    width:500px;
    height:274px;
    overflow:hidden;   
   
}

Laurent
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Télévision sur le forum.

Message par Invité Dim 2 Juin 2013 - 18:58

Salut grand Laurent Very Happy

Merci pour le code ça marche à merveille
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Télévision sur le forum.

Message par AenigmA Dim 2 Juin 2013 - 19:08

J'ai seulement mis tes dimensions, il faudra certainement qu' Adam modifie quelques trucs car le fonctionnement est bizarre.
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Télévision sur le forum.

Message par Invité Dim 2 Juin 2013 - 19:11

C'est vrai, je ne vois pas où mettre les liens pour les vidéos :/
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Télévision sur le forum.

Message par Adam_sfp Dim 2 Juin 2013 - 19:38

Bonsoir

Pour changer les vidéos il faut changer les id youtube dans cette partie
Code:
        videoStreams = ['EhTOWwAZxK0', 'WIT6PGWzGHo', '62rsmZ919kc', 'caklVAntCKY' ];

par exemple cette vidéo
https://www.youtube.com/watch?v=-IjG5ZG5wRg
*ce qui se trouve après v=

l'id est -IjG5ZG5wRg

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Télévision sur le forum.

Message par Invité Dim 2 Juin 2013 - 23:04

Salut et merci (:

J'ai essayé cet ID : 'yei3mc70kYw' mais ça n'a pas marché
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Télévision sur le forum.

Message par Adam_sfp Dim 2 Juin 2013 - 23:09

sara1548 a écrit:Salut et merci (:

J'ai essayé cet ID : 'yei3mc70kYw' mais ça n'a pas marché
Bonsoir
Donnez le code entier que vous avez essayé..
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Télévision sur le forum.

Message par Invité Lun 3 Juin 2013 - 11:59

Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Télévision sur le forum.

Message par Adam_sfp Lun 3 Juin 2013 - 19:44

Bonsoir

Pas le lien ..
le code entier que vous avez essayé...

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Télévision sur le forum.

Message par Invité Lun 3 Juin 2013 - 20:37

Code:
<table class="tele">
<tr>
<td>
<div id="video" class="vid"></div>
</td>
</tr>
</table>
<script>
      var tag = document.createElement('script');
  tag.src = "//www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    var player,
        width = 500,
        height = 274,
 
 
 
 
        videoContainer = '<div id="video"></div>',
          videoStreams = ['yei3mc70kYw'];
 
      // get random video from array
    Array.prototype.shuffle = function () {
        for (var i = this.length - 1; i > 0; i--) {
            var j = Math.floor(Math.random() * (i + 1));
            var tmp = this[i];
            this[i] = this[j];
            this[j] = tmp;
        }
 
        return this;
    };
 
    function randomVideo() {
        var stream = videoStreams.shuffle();
        return stream[0];
    };
 
    // create youtube player
    function onYouTubePlayerAPIReady() {
        player = new YT.Player('video', {
          height: height,
          width: width,
 
    playerVars: { 'autoplay': 1, 'controls': 0, },
          videoId: randomVideo(),
          events: {
            'onStateChange': onPlayerStateChange
          }
        });
    };
 
    // when video ends
    function onPlayerStateChange(event) {     
        if(event.data === 0) {         
            document.location.reload(true);
        }
    };
</script>
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Télévision sur le forum.

Message par Adam_sfp Lun 3 Juin 2013 - 23:15

Bonsoir

Ce code fonctionne de mon coté...
http://jsfiddle.net/adam_sfp/w48sx/6/

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Télévision sur le forum.

Message par Invité Mar 4 Juin 2013 - 11:18

Dois-je supprimer la page HTML et remettre le code ?
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Télévision sur le forum.

Message par Adam_sfp Mar 4 Juin 2013 - 13:11

Bonjour

Cela fonctionne sur votre forum apparemment...

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Télévision sur le forum.

Message par Invité Ven 7 Juin 2013 - 20:34

Hello,


J'ai essayer le code mais malheureusement, on ne sais pas changer les dimension de la vidéo j'ai bon essayer mais rien ne change que se soit coté scc ou js

Comment faire pour que les dimensions de la vidéo change car sela est grand et j'ai dans l'idée de le mettre dans un encadrer d'un de mes catégorie qui fait 500x200

D'avance merci


Edit ::

J'ai trouver comment régler merci

Cordialement
Idiscut
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Télévision sur le forum.

Message par Invité Sam 8 Juin 2013 - 10:55

C'est résolu, merciiii!
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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