Publier des documents web multimédia (Popcorn.js)

Application des fonctionnalités Popcorn.js

Application des fonctionnalités Popcorn.js

Le but de cet exercice est de vous permettre d'appliquer fonctionnalités abordées précédemment. Dans la suite de cet exercice, vous allez utilisez le code suivant comme base.

CTRL+C pour copier, CTRL+V pour coller
1
<!doctype html>
2
<html>
3
  <head>
4
    <script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
5
  </head>
6
  <body>
7
    <video height="180" width="300" id="ourvideo" controls>
8
      <source src="http://videos.mozilla.org/serv/webmademovies/popcornplug.ogv">
9
    </video>
10
    <script>
11
         var pop = Popcorn("#ourvideo");
12
         pop.play();
13
    </script>
14
  </body>
15
</html>
<!doctype html>
<html>
  <head>
    <script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
  </head>
  <body>
    <video height="180" width="300" id="ourvideo" controls>
      <source src="http://videos.mozilla.org/serv/webmademovies/popcornplug.ogv">
    </video>
    <script>
         var pop = Popcorn("#ourvideo");
         pop.play();
    </script>
  </body>
</html>

Question

Ajoutez un bouton "play/pause" pour mettre en pause la vidéo si elle est en cours de lecture ou en lecture si elle est en pause.

Question

Faites apparaître un bouton à la fin de la vidéo, qui permet de la recharger. Et faîtes le disparaître après le rechargement de la vidéo.

PrécédentPrécédentSuivantSuivant
AccueilAccueilImprimerImprimer Jeffrey DECORDE, Damien MARIÉ, 2014-2015 (Contributions : Stéphane Crozat, les étudiants de NF29) Paternité - Partage des Conditions Initiales à l'IdentiqueRéalisé avec Scenari (nouvelle fenêtre)