IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Liste déroulante pour lecteur flv


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut Liste déroulante pour lecteur flv
    Bonjour,

    j'ai actuellement un code qui effectue la lecture d'un fichier flv (Voici un exemple). Le code en est très simple (mais nécessite la présence de 2 fichiers swf et un js flowplayer + une feuille de style) :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    <head>
    ...
      <script type="text/javascript" src="flowplayer-3.2.6.min.js"></script><!-- some minimal styling, can be removed -->
      <link rel="stylesheet" type="text/css"
     href="style.css">
    <!-- page title -->
      <title>FLV reader</title>
    </head>
    <body>
    <div id="page">
    <a href="negawatt_rev1.flv"
     style="display: block; width: 520px; height: 330px;" id="player"></a><!-- this will install flowplayer inside previous A- tag. -->
    <script>
    flowplayer("player", "flowplayer-3.2.6.swf");
    </script>
    </div>
    </body>
    Ce que je voudrais faire, c'est y rajouter la liste déroulante qui se trouve sur ce ce site. Au vu du code, il est clair que c'est du jQuery. Mais je ne sais pas comment m'y prendre, ni si on a assez d'information.
    Peut-on m'aider ?

  2. #2
    Membre éclairé Avatar de Billy KiT
    Inscrit en
    Mars 2011
    Messages
    66
    Détails du profil
    Informations forums :
    Inscription : Mars 2011
    Messages : 66
    Par défaut
    Salut,
    juste pour le fun et sans jQuery pour l'ascenseur :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    <style>
    	#monDiv { height:100px;width:100px;overflow:hidden;margin:10px; }
    </style>
     
    <script type="text/javascript">
    var scrolle = 0;
    var timer = 0;
    function deplace(sens)
    { 
    	document.getElementById('monDiv').scrollTop -= 2*sens;
    	scrolle ++;
    	if ( scrolle == 40 ) 
    		{
    		scrolle = 0;
    		clearInterval(timer);
    		timer = 0;
    		}
    }
    </script>
     
    <input type="button" onclick="if (!timer) timer = setInterval('deplace(1)',10)" value="Monter">
    <div id="monDiv">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit 
    </div>
    <input type="button" onclick="if (!timer) timer = setInterval('deplace(-1)',10)" value="Descendre">
    à compléter et à replacer dans le contexte
    Difficile de récupérer exactement le contenu de la page que tu donnes surtout avec la mise en page, le mieux étant de refaire à l'identique ...

  3. #3
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    Merci pour ta réponse : je peux faire tourner ça en local ; mais supposons que ce que je fasse défiler est une liste de noms de fichiers flv : je voudrais que si l'utilisateur en sélectionne un, ça lance la video à côté (sur la même page) : à ton avis, si j'ajoute un système de frames, que je place ton code dans une frame, et que je lance le lecteur flv dans l'autre, ça marcherait ?

  4. #4
    Membre éclairé Avatar de Billy KiT
    Inscrit en
    Mars 2011
    Messages
    66
    Détails du profil
    Informations forums :
    Inscription : Mars 2011
    Messages : 66
    Par défaut
    Tu utilises flowplayer pour lire tes videos flash, et il semble que la fonction pour lancer une video soit
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    flowplayer("divquicontientleplayer","nomdelavideo");
    Il suffit donc de faire des liens, par exemple sur un bouton :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onclick='flowplayer("divquicontientleplayer","nomdelavideo")'
    à tester

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Combinaison de liste déroulante pour créer une requete
    Par jeje22 dans le forum Requêtes et SQL.
    Réponses: 2
    Dernier message: 11/09/2006, 16h23
  2. Réponses: 2
    Dernier message: 01/09/2006, 00h02
  3. Réponses: 41
    Dernier message: 06/02/2006, 23h49
  4. Listes déroulantes pour variables dans un état
    Par Oluha dans le forum Access
    Réponses: 6
    Dernier message: 06/02/2006, 16h09
  5. [composant] liste déroulante pour une propriété ?
    Par BoBoToTo dans le forum Composants VCL
    Réponses: 4
    Dernier message: 24/05/2004, 16h16

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo