Télévision sur le forum.

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

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é le Sam 1 Juin 2013 - 14:58

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

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

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é le Dim 2 Juin 2013 - 18:58

Salut grand Laurent Very Happy

Merci pour le code ça marche à merveille

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

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é le Dim 2 Juin 2013 - 19:11

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

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 le 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
http://www.youtube.com/watch?v=-IjG5ZG5wRg
*ce qui se trouve après v=

l'id est -IjG5ZG5wRg

Cordialement.

Adam_sfp
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

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

Salut et merci (:

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

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

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

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

http://www.youtube.com/watch?v=yei3mc70kYw

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 le Lun 3 Juin 2013 - 19:44

Bonsoir

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

Cordialement.

Adam_sfp
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité le 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>

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 le Lun 3 Juin 2013 - 23:15

Bonsoir

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

Cordialement.

Adam_sfp
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

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

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

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 le Mar 4 Juin 2013 - 13:11

Bonjour

Cela fonctionne sur votre forum apparemment...

Cordialement.

Adam_sfp
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité le 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

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é le Sam 8 Juin 2013 - 10:55

C'est résolu, merciiii!

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


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