bonjour besoin d'aide pour un player video....

Petit nouveau ! | 1 Messages

11 juil. 2018, 11:24

Bonjour a tous et toute je requiert votre aide dans la creation d'un player.

j'ai une page avec deux frame dans la premiere des logos de chaine tv avec une scrollbar dans la seconde au millieu le site internet avec la diffusion en direct de la chaine tv en question qui correspond. ce que je souhaiterai c'est relier le tout lorsqu'un utilisateur clique par ex sur le logo france2 alors la frame du milieu uniquement change pour afficher le site tv de france2 et ainsi de suite si quelqu'un peu m'aider ?

merci d'avance


voila le code :


<body style="background-color:#212121;">
<div id="Global">
<div id="gauche">

<div style="width:300px;height:1600px;overflow:auto;">
<a href="http://www.vpnfreeway.net/eclients/tf1.php"><img width="90" height="90" title="TF1-vpnfreeway" class="alignnone wp-image-2331" alt="Regarder TF1 en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/fr2.php"><img width="90" height="90" title="France-2-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder France 2 en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/fr3.php"><img width="90" height="90" title="France-3-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder France 3 en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/fr4.php"><img width="90" height="90" title="France-4-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder France 4 en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/fr5.php"><img width="90" height="90" title="France-5-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder France 5 en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/fro.php"><img width="90" height="90" title="France-O-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder France O en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/cplusclair.php"><img width="90" height="90" title="Canal+-Clair-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder Canal+ Clair en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/arte.php"><img width="90" height="90" title="Arte-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder Arte en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/m6.php"><img width="90" height="90" title="M6-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder M6 en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/w9.php"><img width="90" height="90" title="W9-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder W9 en Direct" src="https://www.vpnfreeway.net/eclients/ima ... /a><br><br>
<a href="http://www.vpnfreeway.net/eclients/6ter.php"><img width="90" height="90" title="6Ter-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder 6Ter en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/6play.php"><img width="90" height="90" title="6Play-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder 6Play en Direct et Replay" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/d8.php"><img width="90" height="90" title="D8-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder D8 en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/d17.php"><img width="90" height="90" title="D17-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder D17 en Direct et Replay" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><bR>
<a href="http://www.vpnfreeway.net/eclients/itv.php"><img width="90" height="90" title="ITV-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder ITV en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/tmc.php"><img width="90" height="90" title="TMC-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder TMC en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/nt1.php"><img width="90" height="90" title="NT1-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder NT1 en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/bfmtv.php"><img width="90" height="90" title="BFMTV-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder BFMTV en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/bfmbu.php"><img width="90" height="90" title="BFMBusiness-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder BFMBusiness en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/hd1.php"><img width="90" height="90" title="HD1-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder HD1 en Direct" src="https://www.vpnfreeway.net/eclients/ima ... /a><br><br>
<a href="http://www.vpnfreeway.net/eclients/n23.php"><img width="90" height="90" title="N23-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder Numero 23 en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/rmc.php"><img width="90" height="90" title="RMC-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder RMC en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/equipe21.php"><img width="90" height="90" title="Equipe21-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder L'equipe 21 en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/france24.php"><img width="90" height="90" title="France24-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder France 24 en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/euronews.php"><img width="90" height="90" title="EuroNews-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder EuroNews en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/lcp.php"><img width="90" height="90" title="LCP-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder LCP en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/psenat.php"><img width="90" height="90" title="SENAT-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder SENAT en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/8mb.php"><img width="90" height="90" title="8mb-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder 8 Mont Blanc en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/i24.php"><img width="90" height="90" title="i24-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder I24News en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/idf1.php"><img width="90" height="90" title="idf1-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder IdF1 en Direct" src="https://www.vpnfreeway.net/eclients/ima ... /a><br><br>
<a href="http://www.vpnfreeway.net/eclients/bloomberg.php"><img width="90" height="90" title="bloomberg-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder BloomBergTV en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/monaco.php"><img width="90" height="90" title="monaco-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder Monaco en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/fran ... .php"><img width="90" height="90" title="FranceGalop-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder France Galop en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/gulli.php"><img width="90" height="90" title="Gulli-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder Gulli en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/oltv.php"><img width="90" height="90" title="OLTV-vpnfreeway" class="alignnone wp-image-2331" alt="Regarder OLTV en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/tvr.php"><img width="90" height="90" title="TVRennes-vpnfreeway" class="alignnone wp-image-2331" alt="Regarder TVRennes en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/tvn.php"><img width="90" height="90" title="TVNantes-vpnfreeway" class="alignnone wp-image-2331" alt="Regarder TVNantes en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/astro.php"><img width="90" height="90" title="AstroCenter-vpnfreeway" class="alignnone wp-image-2331" alt="Regarder AstroCenter en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/virgin.php"><img width="90" height="90" title="Virgin-vpnfreeway" class="alignnone wp-image-2331" alt="Regarder Virgin Radio en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/m6bout.php"><img width="90" height="90" title="M6Bout-vpnfreeway" class="alignnone wp-image-2331" alt="Regarder M6 Boutique en Direct" src="https://www.vpnfreeway.net/eclients/ima ... /a><br><br>
<a href="http://www.vpnfreeway.net/eclients/tv5.php"><img width="90" height="90" title="TV5-vpnfreeway" class="alignnone wp-image-2331" alt="Regarder TV5Monde-Europe en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/cherie25.php"><img width="90" height="90" title="Cherie25-vpnfreeway" class="alignnone wp-image-2331" alt="Regarder Cherie25 en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/clubbing.php"><img width="90" height="90" title="Clubbing-vpnfreeway" class="alignnone wp-image-2331" alt="Regarder Clubbing en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/vitamine.php"><img width="90" height="90" title="Vitamine-vpnfreeway" class="alignnone wp-image-2331" alt="Regarder Vitamine en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/tvpi.php"><img width="90" height="90" title="TVPI-vpnfreeway" class="alignnone wp-image-2331" alt="Regarder TVPI en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/mensup.php"><img width="90" height="90" title="MensUp-vpnfreeway" class="alignnone wp-image-2331" alt="Regarder MensUp en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/mce.php"><img width="90" height="90" title="Oui-vpnfreeway" class="alignnone wp-image-2331" alt="Regarder Ma Chaine Etudiante en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/ouitv.php"><img width="90" height="90" title="Oui-vpnfreeway" class="alignnone wp-image-2331" alt="Regarder Oui en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
<a href="http://www.vpnfreeway.net/eclients/europe1.php"><img width="90" height="90" title="Europe1-vpnfreeway" class="alignnone wp-image-2317" alt="Regarder Europe1 en Direct" src="https://www.vpnfreeway.net/eclients/ima ... g"></a><br>
</div>


</div>


<div id="droite">
<div class="w100p pull-left text-center video-ta">
<iframe width="929" height="2500" class="live-player-video" src="https://www.tf1.fr/tf1/direct" frameborder="0" data-reactid=".0.1.0.0.0.1"></iframe>
<img class="img-responsive" src="templates/vpnfreenew/images/tf1-video-footer.png" alt="">
</div>
</div>
</body>

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 7588 Messages

12 juil. 2018, 00:30

Bonjour,

Ce n'est pas du PHP mais du pur HTML.
Voici une doc avec des exemples assez bien fait :
http://www.la-grange.net/w3c/html4.01/p ... rames.html
Quand tout le reste a échoué, lisez le mode d'emploi...