Télévision sur le forum.

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

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

Masculin
Messages : 544
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 le 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
*****

Masculin
Messages : 718
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é le 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 )

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

Masculin
Messages : 718
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é le 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 ^^

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

Masculin
Messages : 718
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é le Mar 14 Mai 2013 - 22:09

Ca marche pas ^^"

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 le Jeu 16 Mai 2013 - 9:18

Que se passe il ?


Luluwebmaster
*****

Masculin
Messages : 718
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é le Jeu 16 Mai 2013 - 13:12

J'ai mis les codes, et sur le css, il y a eu une correction du 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 Luluwebmaster le 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
*****

Masculin
Messages : 718
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é le Ven 17 Mai 2013 - 14:38

Ca marche toujours pas :<

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

Masculin
Messages : 718
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é le 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 ?

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 le Dim 19 Mai 2013 - 7:50

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

Luluwebmaster
*****

Masculin
Messages : 718
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é le Lun 20 Mai 2013 - 18:26

Non pourquoi ?

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

Masculin
Messages : 718
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é le Mer 22 Mai 2013 - 9:30

Aucun changement. Peux tu tester le code sur un forum test please ?

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

Masculin
Messages : 718
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 le 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
+ 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 Jeu 23 Mai 2013 - 14:06

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

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

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

Merci ^^

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

Et avec celle ci stp ?

http://cdn.redmondpie.com/wp-content/uploads/2011/07/Apple-OLED-TV1.jpg

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

up ^^

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

up :I

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

Ca me donne ça : http://jsfiddle.net/adam_sfp/w48sx/4/ :/

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


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