kod Posted April 15, 2014 Share Posted April 15, 2014 Bonjour j'aimerai mettre dans la boutique prestashop 1.5 un lecteur mp3, dès qu'on tombe sur la boutique un musique se lance automatiquement, mais pour le moment j'en suis à mettre un lecteur j'ai essayé ceci <object type="application/x-shockwave-flash" data="dewplayer-mini.swf?mp3=1.mp3" width="160" height="20" id="dewplayer-mini"> je l'ai mis dans le footer.tpl, par contre je ne vois pas de lecteur sur mon footer, comment je dois faire pour y arriver? merci de votre réponse Link to comment Share on other sites More sharing options...
cyndi Posted April 17, 2014 Share Posted April 17, 2014 Tu veux un player de ce type-là ? http://www.karlseffer.com/1-suis-moi-karl-seffer.html Ici c'est youtube. Evite le flash ! Link to comment Share on other sites More sharing options...
driii Posted April 17, 2014 Share Posted April 17, 2014 (edited) Ce n'est que mon avis mais je te déconseille de mettre de la musique sur un site. Les sons sont généralement perçus comme une agression lorsqu'ils ne sont pas déclenchés volontairement. De plus, à chaque changement de page, ton lecteur va se réinitialiser et reprendre sa lecture au début. Donc à moins que tu vendes des disques et que tu associes un extrait à chaque album/produit, oublie. @cyndi : ton exemple est en flash et jusqu'à preuve du contraire, youtube est en flash. Edited April 17, 2014 by driii (see edit history) 1 Link to comment Share on other sites More sharing options...
kod Posted April 17, 2014 Author Share Posted April 17, 2014 merci de la réponse mais comme le client est roi je lui met de la musique j'ai essayé ceci j'ai mis un jplayer dans un site, dès qu'on l'ouvre , de la musique de fond se lance automatiquement. <script type='text/javascript'>ff=window.open('mp3/index.html','popup','height=330,width=210,top=10,left=100,right=10,toolbar=no,menubar=no,location=no,resizable=yes,scrollbars=no,status=no')</script> voici index.html <!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width; initial-scale=1.5; user-scalable=no;"> <title>jPlayer - Circle Player</title> <link rel="stylesheet" href="css/not.the.skin.css"> <link rel="stylesheet" href="circle.skin/circle.player.css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.transform2d.js"></script> <script type="text/javascript" src="js/jquery.grab.js"></script> <script type="text/javascript" src="js/jquery.jplayer.js"></script> <script type="text/javascript" src="js/mod.csstransforms.min.js"></script> <script type="text/javascript" src="js/circle.player.js"></script> <!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>--> <script type="text/javascript"> $(document).ready(function(){ /* * Instance CirclePlayer inside jQuery doc ready * * CirclePlayer(jPlayerSelector, media, options) * jPlayerSelector: String - The css selector of the jPlayer div. * media: Object - The media object used in jPlayer("setMedia",media). * options: Object - The jPlayer options. * * Multiple instances must set the cssSelectorAncestor in the jPlayer options. Defaults to "#cp_container_1" in CirclePlayer. */ var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1", { m4a: "http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a", oga: "http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg" }, { cssSelectorAncestor: "#cp_container_1" }); }); </script> </head> <body> <!-- The jPlayer div must not be hidden. Keep it at the root of the body element to avoid any such problems. --> <div id="jquery_jplayer_1" class="cp-jplayer"></div> <div class="prototype-wrapper"> <!-- A wrapper to emulate use in a webpage and center align --> <!-- The container for the interface can go where you want to display it. Show and hide it as you need. --> <div id="cp_container_1" class="cp-container"> <div class="cp-buffer-holder"> <!-- .cp-gt50 only needed when buffer is > than 50% --> <div class="cp-buffer-1"></div> <div class="cp-buffer-2"></div> </div> <div class="cp-progress-holder"> <!-- .cp-gt50 only needed when progress is > than 50% --> <div class="cp-progress-1"></div> <div class="cp-progress-2"></div> </div> <div class="cp-circle-control"></div> <ul class="cp-controls"> <li><a class="cp-play" tabindex="1">play</a></li> <li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block --> </ul> </div> </div> </body></html> Pour l'ouverture cela fonctionne, par contre je demande une autre page, un autre popup est ouvert , comment faire en sorte ne pas avoir un instance de cette même popup ? Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now