Télévision sur le forum.

5 participants

Page 1 sur 2 1, 2  Suivant

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

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.
  • 0

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

Message par badibou Dim 12 Mai 2013 - 4:47

Bonjour, je ne suis pas sur de comprendre exactement votre problème mais vous pourriez mettre un media player dans un widget personnalisé avec ce code :

<center><iframe allowTransparency="true" id="player" scrolling="no" width="650" allowtransparency="no" frameborder="0" src="votrelienvideo" height="500"></iframe></center>

Bien sur il vous faudra héberger votre vidéo sur le net...


Cordialement,
badibou

badibou
*****

Masculin
Messages : 612
Inscrit(e) le : 14/02/2013

http://www.forumdessports.com
badibou a été remercié(e) par l'auteur de ce sujet.

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

Message par Luluwebmaster Dim 12 Mai 2013 - 8:27

Salut,

voici un petit code fait vite fais :

Code:
<style>
.tele_fow
{
background-image: url('http://nsa34.casimages.com/img/2013/05/12/mini_130512081314709460.jpg');
width: 200px;
height: 180px;
}
.lien_tele
{
position:relative;
left:8%;
top:3px;
width: 125px;
height: 100px;
border-radius: 30px 30px 30px 30px ;
}
</style>
<table class="tele_fow">
<tr>
<td>
<iframe class="lien_tele" src="lien_de_ta_video"></iframe>
</td>
</tr>
</table>
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité Dim 12 Mai 2013 - 9:47

Salut et merci de vos aides

Lucrote, c'est un code HTML, Java ou CSS (faut préciser à la débutante que je suis Razz )
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 Luluwebmaster Dim 12 Mai 2013 - 12:44

Salut,

ceci est le css :

Code:
<style>
.tele_fow
{
background-image: url('http://nsa34.casimages.com/img/2013/05/12/mini_130512081314709460.jpg');
width: 200px;
height: 180px;
}
.lien_tele
{
position:relative;
left:8%;
top:3px;
width: 125px;
height: 100px;
border-radius: 30px 30px 30px 30px ;
}
</style>
et ceci le HTML :
Code:
<table class="tele_fow">
<tr>
<td>
<iframe class="lien_tele" src="lien_de_ta_video"></iframe>
</td>
</tr>
</table>
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité Dim 12 Mai 2013 - 17:51

Ce que je comprend pas c'est lien-tele

Pour les vidéos j'en veux plein qui passent l'une après l'autre Smile


Et merci ^^
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 Luluwebmaster Mar 14 Mai 2013 - 17:26

"Lien_tele" est une classe, on le laisse.

Voici le code :

css:
Code:
<style>
.tele_fow
{
background-image: url('http://nsa34.casimages.com/img/2013/05/12/mini_130512081314709460.jpg');
width: 200px;
height: 180px;
}
.lien_tele
{
position:relative;
left:8%;
top:3px;
width: 125px;
height: 100px;
border-radius: 30px 30px 30px 30px ;
}
</style>

Le javascript :
Code:
<script>
function changeVideo(newUrl)
{
  document.getElementById("video_src").setAttribute("src", newUrl);
}
</script>

Le HTML :
Code:
<table class="tele_fow">
<tr>
<td>
<iframe class="lien_tele" src="lien_de_ta_video" id="video_src"></iframe>
</td>
</tr>
</table>
Les videos disponibles :<br />

<a href="javascript:changeVideo('Lien_de_ta_video');" rel="player" >
Ma video 1</a>
<a href="javascript:changeVideo('Lien_de_ta_video');" rel="player" >
Ma video 2</a>
<a href="javascript:changeVideo('Lien_de_ta_video');" rel="player">
Ma video 3</a>
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité Mar 14 Mai 2013 - 22:09

Ca marche pas ^^"
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 Luluwebmaster Jeu 16 Mai 2013 - 9:18

Que se passe il ?

Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité Jeu 16 Mai 2013 - 13:12

J'ai mis les codes, et sur le css, il y a eu une correction du 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 Luluwebmaster Jeu 16 Mai 2013 - 16:56

Si tu as mis le css dans la partie "couleur->css" du PA, il faut enlever les balises "style"
Voila le CSS sans les balises style :

Code:

.tele_fow
{
background-image: url('http://nsa34.casimages.com/img/2013/05/12/mini_130512081314709460.jpg');
width: 200px;
height: 180px;
}
.lien_tele
{
position:relative;
left:8%;
top:3px;
width: 125px;
height: 100px;
border-radius: 30px 30px 30px 30px ;
}
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité Ven 17 Mai 2013 - 14:38

Ca marche toujours pas :<
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 Luluwebmaster Ven 17 Mai 2013 - 21:36

Peux tu me donner tout les code que j'ai fais ( que tu as modifié normalement ) et me dire ou tu les a enregistrer ?
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité Sam 18 Mai 2013 - 22:35

Je suis pas si débutante quand même x)

J'ai placé chaque code à sa place et ça marche pas.

L'image de la télé ne serait-t'elle pas le problème ?

Quelqu’un peut nous aider s'il vous plait ?
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 Luluwebmaster Dim 19 Mai 2013 - 7:50

Quand tu as enregistré le javascript, tu a enlevé les "<script>" ?
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité Lun 20 Mai 2013 - 18:26

Non pourquoi ?
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 Luluwebmaster Mar 21 Mai 2013 - 16:43

Il faut les enlever.

Sans les balises :
Code:
function changeVideo(newUrl)
{
  document.getElementById("video_src").setAttribute("src", newUrl);
}
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité Mer 22 Mai 2013 - 9:30

Aucun changement. Peux tu tester le code sur un forum test please ?
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 Luluwebmaster Mer 22 Mai 2013 - 9:38

Voici :

http://leblokolo.lebonforum.com/h4-test-tele

Clic sur "ma video 1 "pour voir la video que j'ai mis.
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

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

Message par Adam_sfp Mer 22 Mai 2013 - 10:34

Bonjour

Vous pouvez essayer ce code qui charge les vidéos de façon aléatoire..
Mettre la partie HTML dans page d'accueil et le CSS dans votre CSS.

Pour rajouter des vidéos il faut changer cette ligne
Code:
videoStreams = ['EhTOWwAZxK0', 'WIT6PGWzGHo', '62rsmZ919kc', 'caklVAntCKY' ];

il faut juste mettre l'ID des vidéos youtube.
http://jsfiddle.net/adam_sfp/w48sx/


*source stackoverflow
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é Jeu 23 Mai 2013 - 14:06

Cool ! Merci ! Ca marche mais la télé est trop petite, c'est presque minuscule ! Comment l'agrandir ?
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 Jeu 23 Mai 2013 - 14:10

sara1548 a écrit:Cool ! Merci ! Ca marche mais la télé est trop petite, c'est presque minuscule ! Comment l'agrandir ?

Bonjour

Quand vous parlez de la télé ( c'est l'image de la télé ou la taille de la vidéo?)

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é Jeu 23 Mai 2013 - 14:12

L'image de la télé, et la taille de la vidéo

Merci ^^
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 Jeu 23 Mai 2013 - 14:20

Bonjour

J'avais pas pris le bon lien de l'image...
voila
avec votre image
http://images.all-free-download.com/images/graphiclarge/tv_shows_98296.jpg

http://jsfiddle.net/adam_sfp/w48sx/4/

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é Jeu 23 Mai 2013 - 14:28

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 25 Mai 2013 - 15:17

up ^^
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é Lun 27 Mai 2013 - 13:33

up :I
Anonymous

Invité
Invité


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

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

Message par Adam_sfp Lun 27 Mai 2013 - 14:05

Bonjour

Vous pouvez changer l'image et placer le tout en faisant des essais sur cette page
http://jsfiddle.net/adam_sfp/w48sx/4/

Cliquer sur run pour voir vos changements..

Dans la partie Css .tele changez l'ancien lien de l'image par le nouveau..
changez les tailles de l'image par les nouvelles
width: 590px;
height: 399px;

Pour la taille de la vidéo il faut changez les valeurs dans le CSS .vid
width:
height:
pour la positionner changez les valeurs
left:21px;
top:8px;
*changez aussi la taille de la vidéo dans la partie script
en mettant les mêmes valeurs que dan la partie CSS.
var player,
width = ,
height = ,



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

Anonymous

Invité
Invité


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

L'auteur de ce message est actuellement banni du forum - Voir le message

Page 1 sur 2 1, 2  Suivant

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