Script responsiv ???

Bonjour,
Je suis débutant dans le domaine,
Est t'il possible de rendre un script responsiv :

<script src="http://player.believe.fr/html5player/3610151272026/5s87fA4E89F465ze-300.js" type="text/javascript"></script>

Celui ci est un player de musique, volontairement petit sur le site pour qu'il ne dépasse pas de la page sur les mobiles.

visible sur cette page : http://pierreisabelle1.free.fr/Site/newtracks.html

Merci pour votre aide !

Salut !

bibi-piegeareves a écrit :

Est t'il possible de rendre un script responsiv :

ça veut rien dire. la responsivité ce base sur quelque chose de visible, un "script" n'est pas visible à l'oeil. un "script" ne s'adapte pas au taille d'écran.

bibi-piegeareves a écrit :

Celui ci est un player de musique, volontairement petit sur le site pour qu'il ne dépasse pas de la page sur les mobiles.

Voila. Le player tu peux le rendre responsible... avec du CSS et les @media queries

Merci beaucoup pour vos réponse je comprend un peu mieux !

La question peut paraître bête .
Mais comment puis je regarder dans le script la partie qui génère le code html ?

Merci beaucoup pour vos réponse.
Alors je pensais avoir compris et puis, rien !
Je l'ai donc ouvert dans le navigateur, copier le code puis coller dans un fichier texte, renommer alors pour l'occase "player.js"
Et appelé comme ceci dans le code : <script src="player.js" type="text/javascript"></script>
Et je ne le voit pas réapparaître, j'ai du merdé quelque part !

As-tu un message d'erreur ?

As-tu aussi l'aimable possibilité de nous poster ton code (html qui appelle ton script ainsi que le script en question) ?

Et... ben quand on aura ça on y verra déjà plus clair, enfin peut-être.


A savoir que pour toute assistance, l'efficacité de celle-ci va généralement de paire avec les informations fournies.

Non pas de message d'erreur

le html qui appel mon script :

<script src="player.js" type="text/javascript"></script>

Le script :

if(typeof(updateBelievePlayer) == 'undefined') { function updateBelievePlayer(iframe, upc) { iframe.src = iframe.src.toString().replace(/[0-9]{13}/, upc); } } (function() { var eIframe = document.createElement('IFRAME'); //eIframe.src = 'http://player.believe.fr/v2/3610151272026?embed=1&embedType=5s87fA4E89F465ze&referer='; // eIframe.src = 'http://player.believe.fr/v2/3610151272026?embed=1&embedType=5s87fA4E89F465ze&referer='+encodeURIComponent(window.location.toString()); eIframe.src = 'http://player.believe.fr/v2/3610151272026?embed=1&embedType=5s87fA4E89F465ze&referer='+encodeURIComponent(window.location.toString()); eIframe.style.width = "300px"; eIframe.style.height = "355px"; eIframe.style.overflow = "hidden"; eIframe.style.border = "none"; eIframe.style.marginBottom = "10px"; eIframe.scrolling = "no"; var scripts = document.getElementsByTagName('script'); for(var i = 0, l = scripts.length; i < l; i++){ if(scripts[i].src.match(/.*\/html5player\/3610151272026\/5s87fA4E89F465ze\-300\.js/)){ console.log(scripts[i].parentNode); scripts[i].parentNode.insertBefore(eIframe, scripts[i]); break; } } })();

Et voici merci[/i][/i][/i][/i]

Je vois, la partie du script que tu as téléchargée fait appelle à une autre partie en ligne:

var eIframe = document.createElement('IFRAME'); //eIframe.src = 'http://player.believe.fr/v2/3610151272026?embed=1&embedType=5s87fA4E89F465ze&referer='; // eIframe.src = 'http://player.believe.fr/v2/3610151272026?embed=1&embedType=5s87fA4E89F465ze&referer='+encodeURIComponent(window.location.toString()); eIframe.src = 'http://player.believe.fr/v2/3610151272026?embed=1&embedType=5s87fA4E89F465ze&

Tout ça crée une url vers player dot believe dot fr

En fait cette adresse contient la référence vers la vidéo que tu as sélectionné. La solution (théorique) est que tu héberge à la fois le lecteur ET le clip.
Théorique car bien sûr il faut au préalable obtenir une autorisation d'hébergement et de diffusion.

Partant de l'hypothèse du contraire, t'es coincé à ce niveau, tu ne peux pas agir sur le code en amont et te faut passer par une surcouche qui agira après le script de la vidéo.
JS est ton seul recours.
Modifié par Greg_Lumiere (21 Jun 2016 - 10:07)

Oué du coup c'est une <iframe>.... c'est ingérable niveau responsive. en tout cas ce n'est pas de mon ressort.

JENCAL a écrit :
Oué du coup c'est une &lt;iframe&gt;.... c'est ingérable niveau responsive. en tout cas ce n'est pas de mon ressort.

Me vient une idée du fait qu'il s'agit d'une iFrame.

L'iFrame est un conteneur personnalisable en Css.
S'il est pourvu d'un sélecteur unique (id ou ensemble de classes) il doit être possible de faire appliquer le style en JS.
Sinon en se basant sur le contexte (ex: body > div.machin iFrame)

J'en ai déjà vu utiliser des media-queries en JS.

Peut-être une piste à explorer...
Modifié par Greg_Lumiere (21 Jun 2016 - 15:59)