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

Intégration Discussion :

Chromeless Youtube player


Sujet :

Intégration

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Inscrit en
    Mars 2011
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mars 2011
    Messages : 4
    Points : 7
    Points
    7
    Par défaut Chromeless Youtube player
    Bonjour,

    Je cherche à faire un Chromeless Youtube player pour mon site, malheureusement je ne sais absolument pas programmer en flash, j'ai beaucoup cherché (notamment sur Google Developers), je suis tombé d'abord sur "http://www.youtube.com/apiplayer?video_id=VIDEO_ID&version=3", cela me permettant effectivement d'insérer une vidéo en Chromeless mais je souhaite pouvoir faire un bouton qui gère le son, et là ça se complique un peu, j'ai besoin qu'on m'éclaire un peu sur comment faire cela. Je souhaite faire la même chose que ce que cet exemple montre lorsqu'on sélectionne FLASH -> CHROMELESS PLAYER (sauf que moi je n'aurai besoin que du bouton du son).

    Voilà merci d'avance à ceux/celles qui me répondront je sais que c'est un peu léger mais malgré avoir lu ceci et regardé des tutoriels vidéos je ne saisis toujours pas comment utiliser le code FLASH qui dans chacune de mes sources est sorti de son contexte, le pire c'est que ça n'a pas l'air compliqué du tout du coup ça me désespère.

  2. #2
    Futur Membre du Club
    Homme Profil pro
    Inscrit en
    Mars 2011
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mars 2011
    Messages : 4
    Points : 7
    Points
    7
    Par défaut
    Bon voici ce que je cherchais et que j'ai réussi à faire avec un ami, au cas ou ça pourrait être utile à quelqu'un

    Code html : 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
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title>title</title>
    		<link rel="stylesheet" href="style.css" />
    		<script type="text/javascript" src="swfobject.js"></script>
    		<script type="text/javascript">
                            var params = { allowScriptAccess: "always" };
                    var atts = { id: "myytplayer" };
                    swfobject.embedSWF("https://www.youtube.com/apiplayer?&enablejsapi=1&playerapiid=myytplayer",
                           "myytplayer", "600", "356", "8", null, null, params, atts);
                            function onYouTubePlayerReady(playerId) {
                            ytplayer = document.getElementById("myytplayer");
                            ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
                            play();
                            ytplayer.setVolume(10);
                                    setInterval(updateytplayerInfo, 250);
                                    updateytplayerInfo();
                    }
                    function play() {
                                    if (ytplayer) {
                                            ytplayer.loadVideoById({'videoId': 'Iy1rh5FSfew',
                                                                            'startSeconds': 0,
                                                                            'endSeconds': getDuration(),
                                                                            'suggestedQuality': 'large'});
                                    ytplayer.playVideo();
                                    }
                            }
                            function stop() {
                                    if(ytplayer){
                                    ytplayer.stopVideo();
                            }
                            }
                            function setVolume() {
                                    if(ytplayer){
                                            volumeSlider = document.getElementById("volumeSlider");
                                            volumeSlider.addEventListener("input", function() { ytplayer.setVolume(volumeSlider.value) }, false);
                                    
                            }
                            }
                            function updateytplayerInfo() {
                              updateHTML("videoduration", getDuration());
                              updateHTML("videotime", getCurrentTime());
                              if(getCurrentTime() == getDuration() && getDuration() != "0:0") {
                                      loadNewVideo('Iy1rh5FSfew', 0);
                                      play();
                              }
                            }
                            function updateHTML(elmId, value) {
                              document.getElementById(elmId).innerHTML = value;
                            }
                            function getDuration() {
                                    if (ytplayer)
                                    {
                                            var secondes = ytplayer.getDuration() - ytplayer.getDuration()%1;
                                            var minutes = (secondes - secondes%60)/60;
                                            var secondes = secondes - minutes*60;
                                            
                                            return minutes + ":" + secondes;
                                    }
                            }
                            function getCurrentTime() {
                                    if (ytplayer)
                                    {
                                            var secondes = ytplayer.getCurrentTime() - ytplayer.getCurrentTime()%1;
                                            var minutes = (secondes - secondes%60)/60;
                                            var secondes = secondes - minutes*60;
                                            
                                            return minutes + ":" + secondes;
                                    }
                            }
                            function loadNewVideo(id, startSeconds) {
                              if (ytplayer) {
                                    ytplayer.loadVideoById(id, startSeconds);
                            }
            }
                            function getVideoName() {
                                    if (ytplayer)
                                    {
                                            return ytplayer.getName();
                                    }
                            }
                    </script>
        </head>
     
        <body>
    		<div class="top"><p>
    		<center><div>
    			<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="600" id="myytplayer">
    				<param name="movie" value="https://www.youtube.com/apiplayer?&enablejsapi=1&playerapiid=myytplayer" />
    				<!--[if !IE]>-->
    				<object type="application/x-shockwave-flash" data="https://www.youtube.com/apiplayer?&version=3&enablejsapi=1&playerapiid=myytplayer" width="800" height="600">
    				<!--<![endif]-->
    					<a href="http://www.adobe.com/go/getflashplayer">
    						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
     
    				<!--[if !IE]>-->
    				</object>
    				<!--<![endif]-->
    			</object>
    			<span>
    		</div></center>
    		<center><input type="range" min="0" max="100" value="10" step="2" name="power" list="powers" id="volumeSlider" onchange="setVolume()" />
    		<br><div><span id="videotime">0</span> / <span id="videoduration">0</span> 
        </body>
    </html>

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

Discussions similaires

  1. [YouTube] Player Chromeless JS
    Par navalex3000 dans le forum APIs Google
    Réponses: 1
    Dernier message: 24/04/2015, 16h06
  2. Réponses: 5
    Dernier message: 15/03/2014, 10h39
  3. [YouTube] player api
    Par juju2901 dans le forum APIs Google
    Réponses: 0
    Dernier message: 14/06/2013, 11h55
  4. Google sort les APIs YouTube Player pour Android
    Par Hinault Romaric dans le forum Android
    Réponses: 0
    Dernier message: 16/07/2012, 17h14
  5. YouTube Player API Reference for <iframe> Embeds
    Par rikiki123 dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 09/05/2012, 18h08

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