Télévision sur le forum.
5 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 2 sur 2 • Partagez
Page 2 sur 2 • 1, 2
Télévision sur le forum.
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é
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é
Re: Télévision sur le forum.
L'un dans le HTML, l'autre dans le CSS ^^
Invité- Invité
Re: Télévision sur le forum.
Coucou petite Sarah
Le code :
Son css :
Laurent
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
Re: Télévision sur le forum.
Salut grand Laurent
Merci pour le code ça marche à merveille
Merci pour le code ça marche à merveille
Invité- Invité
Re: Télévision sur le forum.
J'ai seulement mis tes dimensions, il faudra certainement qu' Adam modifie quelques trucs car le fonctionnement est bizarre.
Re: Télévision sur le forum.
C'est vrai, je ne vois pas où mettre les liens pour les vidéos :/
Invité- Invité
Re: Télévision sur le forum.
Bonsoir
Pour changer les vidéos il faut changer les id youtube dans cette partie
par exemple cette vidéo
https://www.youtube.com/watch?v=-IjG5ZG5wRg
*ce qui se trouve après v=
l'id est -IjG5ZG5wRg
Cordialement.
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.
Re: Télévision sur le forum.
Salut et merci (:
J'ai essayé cet ID : 'yei3mc70kYw' mais ça n'a pas marché
J'ai essayé cet ID : 'yei3mc70kYw' mais ça n'a pas marché
Invité- Invité
Re: Télévision sur le forum.
Bonsoirsara1548 a écrit:Salut et merci (:
J'ai essayé cet ID : 'yei3mc70kYw' mais ça n'a pas marché
Donnez le code entier que vous avez essayé..
Re: Télévision sur le forum.
Bonsoir
Pas le lien ..
le code entier que vous avez essayé...
Cordialement.
Pas le lien ..
le code entier que vous avez essayé...
Cordialement.
Re: Télévision sur le forum.
- 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é
Re: Télévision sur le forum.
Dois-je supprimer la page HTML et remettre le code ?
Invité- Invité
Re: Télévision sur le forum.
Bonjour
Cela fonctionne sur votre forum apparemment...
Cordialement.
Cela fonctionne sur votre forum apparemment...
Cordialement.
Re: Télévision sur le forum.
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
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é
Re: Télévision sur le forum.
C'est résolu, merciiii!
Invité- Invité
Page 2 sur 2 • 1, 2
Sujets similaires
» Demande Bannière Actu Télévision
» La télévision : Combien de temps passez vous par jour devant votre télé ?
» Si le fondateur du forum est absent du forum pendant plus de 6 moi Il est possible de remettre le forum à un autre membre
» Retirer "Forum gratuit" (ou "Free forum") dans le nom du forum.
» Peut on cibler un seul forum avec un code CSS , à l'intérieur de notre forum ?
» La télévision : Combien de temps passez vous par jour devant votre télé ?
» Si le fondateur du forum est absent du forum pendant plus de 6 moi Il est possible de remettre le forum à un autre membre
» Retirer "Forum gratuit" (ou "Free forum") dans le nom du forum.
» Peut on cibler un seul forum avec un code CSS , à l'intérieur de notre forum ?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 2 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum