Un index.html avant l'arriver sur un site

Fermé
Blake - 8 nov. 2010 à 15:41
 KemeZis - 8 avril 2012 à 19:09
Bonjour,

voila je cherche a faire comme sur https://www.jeuxvideo.com/ ou ont voie tres rapidement une page avant l'arrivé sur le site.

pour mieux expliquer j'ai un site mais je voudrais qu'avant que l'on arrive sur mon site on arrive sur une page html avec un thème un cadre vidéo au milieu et des pubs sur les cotés, je voudrais sur cette page un bouton "skip" ou "aller directement sur le site" et que une fois la video fini au bout de xx seconde la page charge le site.

je voudrais savoir si ces pages html ont un nom et comment faire ?

A voir également:

19 réponses

RClog Messages postés 6330 Date d'inscription jeudi 11 septembre 2008 Statut Membre Dernière intervention 28 octobre 2014 1 434
8 nov. 2010 à 16:00
Bonjour il te suffit de créer une page html avec une temporisation de redirection.

Entre les balises
<head> et </head>
tu ajoutes le code suivant :

<meta http-equiv="REFRESH" content="8;url=url de ta page d'accueil">


le 8 correspond au nombre de secondes avant la redirection tu peux donc le changer. pour l'url de ta page d'accueil, tu mets l'adresse complète.

Pour le Skip intro ajoute un simple lien ou bouton qui redirige directement vers ta page d'accueil
0
CartOuu Messages postés 70 Date d'inscription dimanche 17 octobre 2010 Statut Membre Dernière intervention 24 juin 2011 5
8 nov. 2010 à 16:05
Pour toutes tes questions, tu as plusieurs solutions. Je m'explique.

1) Comment faire une page d'intro avec autre chose qu'un INDEX.HTML

Solutions possibles:
a. Faire un index.php, qui va récupérer dans une BDD tes différents sites et/ou images promotionnelles, et les afficher dans un cadre. Pour ce faire, tu génère donc un index.php, qui va te générer un ID (exemple: 04504852584) et, qui redirige vers la page intro.php (exemple toujours) qui va récupérer ton ID (04504852584) et t'afficher la page correspondante.

b. Faire une page HTML qui affichera la même publicité à chacun de tes visiteurs.

2) Comment passer l'intro pendant son passage, ou à la fin de la vidéo
Solutions possibles:

Alors la, on peux aller un peu dans tout les sens.
a. un simple calcul qui récupère la durée de ta vidéo, que tu place avec un petit <META REFRESH="site, temps" />

b. A la fin de ta vidéo, tu demande à ton player de changer la page

c. Avec Javascript, tu attends la fin de ta vidéo, et lorsque ta vidéo est achevée, le JS change automatiquement ta page.

d. Le bouton skip: <a href="PAGECIBLE">Skip / Passer l'introduction </a> devrais suffire



Voila, sur ce, bonne chance :D
0
empty Messages postés 837 Date d'inscription vendredi 25 juillet 2008 Statut Membre Dernière intervention 23 février 2016 176
8 nov. 2010 à 16:06
Comme tu l'as dit, tu peux créer une page index.html pour afficher ta publicité et avoir une page index2.html où se trouvera ta page d'accueil et tu fera un lien sur le bouton "Skip" vers cette page...

C'est le plus simple en HTML maintenant si tu fais du PHP ça peut se faire de diverses manières...
0
voila mon code

<html>
<head>
<TITLE>KZFR.net</TITLE>
</head>
<!-- passer l'intro-->
<div align="right"><a href="http://www.kzfr.net"><img src="http://www.kzfr.net/kzfr_index/bouton.gif" border="0" alt="" target="_blank" /></a>
<!-- image de font --> 
<body bgcolor=black text=white BACKGROUND="http://www.kzfr.net/kzfr_index/fond_hachures.gif">
<!-- image kzfr du haut -->
<center><img src="http://www.kzfr.net/kzfr_index/kzfr.gif"></center>
<TABLE width="641" BORDER="0" align="center">
<!-- 2 images en dessous de kzfr -->
<TR>
<TH width="316"><img src=""> </TH>
<TH width="315"><img src=""> </TH>
</TR>
<!-- redirection le chiffre = le temps-->
<head>
<meta http-equiv="REFRESH" content="1000;url=http://kzfr.net/news.php">
</head>
</table>
<div align="center"><object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/5UkKJPG3XGA?fs=1&amp;hl=fr_FR"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/5UkKJPG3XGA?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object>
</div>
</body>
</html>


il me reste des image a faire mais est il possible de passer une vidéo sans passer par youtube ou daily ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
RClog Messages postés 6330 Date d'inscription jeudi 11 septembre 2008 Statut Membre Dernière intervention 28 octobre 2014 1 434
Modifié par RClog le 8/11/2010 à 19:59
Dans ton head tu ajoutes la ligne que j'ai mis en gras :

<html> 
<head> 
<TITLE>KZFR.net</TITLE> 
<meta http-equiv="REFRESH" content="20;url=http://www.kzfr.net"> 
 
</head> 
<!-- passer l'intro--> 
<div align="right"><a href="http://www.kzfr.net"><img src="http://www.kzfr.net/kzfr_index/bouton.gif" border="0" alt="" target="_blank" /></a> 
<!-- image de font -->  
<body bgcolor=black text=white BACKGROUND="http://www.kzfr.net/kzfr_index/fond_hachures.gif"> 
<!-- image kzfr du haut --> 
<center><img src="http://www.kzfr.net/kzfr_index/kzfr.gif"></center> 
<TABLE width="641" BORDER="0" align="center"> 
<!-- 2 images en dessous de kzfr --> 
<TR> 
<TH width="316"><img src=""> </TH> 
<TH width="315"><img src=""> </TH> 
</TR> 
<!-- redirection le chiffre = le temps--> 

</table> 
<div align="center"><object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/5UkKJPG3XGA?fs=1&hl=fr_FR"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/5UkKJPG3XGA?fs=1&hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object> 
</div> 
</body> 
</html>


Un seul head en début de page

là c'est réglé à 20 secondes avant de basculer sur la page d'accueil.

Pour intégrer une vidéo autre que youtube ou autre, il vaut mieux la convertir en flv la mettre dans un dossier de ton site et utiliser un lecteur flash que tu peux intégrer à ta page
0
ou je pourrais trouver un code html pour mettre un lecteur flash ?

et je vois pas ta ligne en gras
0
RClog Messages postés 6330 Date d'inscription jeudi 11 septembre 2008 Statut Membre Dernière intervention 28 octobre 2014 1 434
8 nov. 2010 à 20:40
4 eme ligne en partant du haut du code

<meta http-equiv="REFRESH" content="20;url=http://www.kzfr.net">


Pour le code d'insertion de vidéo en flash (FLV)

<center><object width="450" height="350" type="application/x-shockwave-flash" data="player_flv_maxi.swf">
<param name="movie" value="player_flv_maxi.swf" />
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="flv=URL de ton fichier vidéo .FLV;width=450&amp;height=350&amp;autoload=1&amp;showstop=1&amp;showvolume=1&amp;showfullscreen=1" /> </object></center>


Le player vidéo à mettre dans le même dossier que tes vidéo est téléchargeable à cette adresse :

http://libfree.free.fr/flash/player_flv_maxi.swf

Clic droit sur le lien et enregistrer la cible sous...
0
<html> 
<head> 
<TITLE>KZFR.net</TITLE> 

<!-- redirection le chiffre = le temps--> 
<meta http-equiv="REFRESH" content="1000;url=http://www.kzfr.net"> 
 
</head> 
<!-- passer l'intro--> 
<div align="right"><a href="http://www.kzfr.net"><img src="http://www.kzfr.net/kzfr_index/bouton.gif" border="0" alt="" target="_blank" /></a> 

<!-- image de font -->  
<body bgcolor=black text=white BACKGROUND="http://www.kzfr.net/kzfr_index/fond_hachures.gif"> 

<!-- image kzfr du haut --> 
<center><img src="http://www.kzfr.net/kzfr_index/kzfr.gif"></center> 
<TABLE width="641" BORDER="0" align="center"> 

<!-- 2 images en dessous de kzfr --> 
<TR> 
<TH width="316"><img src=""> </TH> 
<TH width="315"><img src=""> </TH> 
</TR> 

<!-- lecteur flash-->
<center><object width="450" height="350" type="application/x-shockwave-flash" data="player_flv_maxi.swf">
<param name="movie" value="player_flv_maxi.swf" />
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="flv=http://kzfr.net/..." /> </object></center>
</body> 
</html>


voila j'ai le cadre vidéo mais celle-ci ne veut pas ce lancer alors quelle marche avec vlc en .flv et quand je veut changer la résolution sa marche pas
0
et ma partie

<!-- 2 images en dessous de kzfr --> 
<TR> 
<TH width="316"><img src=""> </TH> 
<TH width="315"><img src=""> </TH> 
</TR> 


ce retrouve en bas du lecteur au lieu d'être en haut
0
canarder Messages postés 1714 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 13 mai 2018 354
Modifié par canarder le 8/11/2010 à 21:45
un peu hs, mais ... tous les noms de balises, attributs doivent être en minuscule ... enfin pour le xhtml
0
RClog Messages postés 6330 Date d'inscription jeudi 11 septembre 2008 Statut Membre Dernière intervention 28 octobre 2014 1 434
8 nov. 2010 à 21:59
pour la résolution il faut changer la valeur 2 fois au début et à la fin du code.

Pour lancer la lecture automatiquement

essaie d'ajouter la valeur : autoplay=1

ou <param name="autoplay" value="true">

<!-- lecteur flash-->
<center><object width="450" height="350" type="application/x-shockwave-flash" data="player_flv_maxi.swf">
<param name="movie" value="player_flv_maxi.swf" />
<param name="allowFullScreen" value="true" />
<param name="autoplay" value="true">
<param name="FlashVars" value="flv=http://kzfr.net/" /> </object></center>
</body> 
</html>
0
CartOuu Messages postés 70 Date d'inscription dimanche 17 octobre 2010 Statut Membre Dernière intervention 24 juin 2011 5
8 nov. 2010 à 23:11
C'est pour un site en e107 ...
Tout est gèrable par ta partie admin mon cher ;)
Admin > Page d'accueil > et tu gère ici ^^'

Chez moi, sa donne: http://www.genomx.fr/

Bonne chance ,)
0
sa je sais ou mettre mon URL pour que sa soit en page d'accueil le problème est que ma vidéo ne ce lance pas. le lecteur et le fichier flv ce trouve dans le même dossier.
0
RClog Messages postés 6330 Date d'inscription jeudi 11 septembre 2008 Statut Membre Dernière intervention 28 octobre 2014 1 434
9 nov. 2010 à 10:49
je vais faire des essais et je te tiens au courant
0
RClog Messages postés 6330 Date d'inscription jeudi 11 septembre 2008 Statut Membre Dernière intervention 28 octobre 2014 1 434
9 nov. 2010 à 11:48
Voilà, j'ai trouvé et testé, ça fonctionne, j'ai juste ajouté une variable autoplay=1

voilà le code (la page, le lecteur et la vidéo se trouvent dans le même dossier) mais si tu n'est pas dans ce cas tu modifies l'URL en conséquence.

<center><object type="application/x-shockwave-flash"
 data="player_flv_maxi.swf" height="450" width="500">
<param name="movie" value="player_flv_maxi.swf"><param
 name="allowFullScreen" value="false"><param
 name="FlashVars"
 value="flv=url de ton fichier.flv&amp;width=500&amp;height=450&amp;autoplay=1&amp;autoload=1&amp;showstop=1&amp;showvolume=1&amp;showfullscreen=1"></object></center>
0
Cartou il serais possible de voir ton code et m'expliquer ? car moi j'ai l'index.html le fichier flv et le player_flv_maxi.swf dans el meme dossier et avec ce code :

<html> 
<head> 
<TITLE>KZFR.net</TITLE> 

<!-- redirection le chiffre = le temps--> 
<meta http-equiv="REFRESH" content="1000;url=http://www.kzfr.net"> 
 
</head> 
<!-- passer l'intro--> 
<div align="right"><a href="http://www.kzfr.net"><img src="http://www.kzfr.net/kzfr_index/bouton.gif" border="0" alt="" target="_blank" /></a> 

<!-- image de font -->  
<body bgcolor=black text=white BACKGROUND="http://www.kzfr.net/kzfr_index/fond_hachures.gif"> 

<!-- image kzfr du haut --> 
<center><img src="http://www.kzfr.net/kzfr_index/kzfr.gif"></center> 
<TABLE width="641" BORDER="0" align="center"> 

<!-- 2 images en dessous de kzfr --> 
<tr> 
<th width="316"><img src=""> </th> 
<th width="315"><img src=""> </th> 
</tr> 

<!-- lecteur flash-->
<center><object width="640" height="480" type="application/x-shockwave-flash" data="player_flv_maxi.swf">
<param name="movie" value="player_flv_maxi.swf" />
<param name="allowFullScreen" value="true" />
<param name="autoplay" value="true"> 
<param name="FlashVars" value="flv=http://kzfr.net/..." /> </object></center>
</body> 
</html>




ou directement la http://kzfr.net/kzfr_index/test/index.html et bien sa marche pas la vidéo ne ce lance pas.
0
RClog Messages postés 6330 Date d'inscription jeudi 11 septembre 2008 Statut Membre Dernière intervention 28 octobre 2014 1 434
9 nov. 2010 à 15:13
Bon, j'ai créé une page "test.html" et une page "page01.html" à la racine du site, le but : afficher la page "test.html" et donc la vidéo pendant 60 secondes, avant de basculer sur la page "page01.html"
-la vidéo et le lecteur se trouvent dans un dossier "test"

Pour voir le basculement il faut donc attendre 60 secondes.

Affiche la page, attends 60 secondes, tu recommences ensuite en appuyant sur le bouton skip.

Puis tu récupères le code de la page "test.html" en affichant la source dans ton navigateur.

il ne te reste plus qu'à changer les url.

Pour voir le résultat :

http://thunder10.free.fr/test.html
0
http://kzfr.net/kzfr_index/index.html sa marche dans le code il manquais un " et pas besoin de chemin d'accès url vue que le fichier vidéo étais a la racine

<param name="FlashVars" value="flv=kzfr.flv.............
0
Voici le code pour youtube :


<html>
<head>
<TITLE>Creativecorporation.fr</TITLE>

<!-- redirection le chiffre = le temps-->
<meta http-equiv="REFRESH" content="1000;url=http://creativecorporation.fr/index.php ">

</head>
<!-- passer l'intro-->
<div align="right"><a href="http://creativecorporation.fr/index.php "><img src="http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash3/s320x320/522701_2823459198224_1611303004_31836772_1420872727_n.jpg " border="0" alt="" target="_blank" /></a>

<!-- image de font -->
<body bgcolor=black text=white BACKGROUND="http://a3.sphotos.ak.fbcdn.net/hphotos-ak-snc6/253439_104404259654486_100002547372223_35354_1758582_n.jpg">

<!-- image kzfr du haut -->
<center><img src="http://wbm.officity.com/Files/media/deezer_logo.png "></center>
<TABLE width="641" BORDER="0" align="center">

<!-- 2 images en dessous de kzfr -->
<tr>
<th width="316"><img src=""> </th>
<th width="315"><img src=""> </th>
</tr>

<!-- lecteur flash-->
<center><iframe width= "640" height= "360" src= "http://www.youtube.com/embed/TLIa5AtX8bY?rel=0&autoplay=1 " frameborder= "0" allowfullscreen></iframe></center>
</body>
</html>
0