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

Exercice : Séquençage de vidéos

Exercice : Séquençage de vidéos

Pour finir, voici un court exercice vous introduisant au séquençage de vidéos. Vous trouverez ci-dessous le code source sur lequel vous devez vous basez.

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
    <script>
6
		   document.addEventListener('DOMContentLoaded', function () {
7
          
8
       });
9
    </script>
10
  </head>
11
  <body>
12
    <div id="ourvideo" style="width:600px;height:400px;"></div>
13
  </body>
14
</html>
<!doctype html>
<html>
  <head>
    <script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
    <script>
		   document.addEventListener('DOMContentLoaded', function () {
          
       });
    </script>
  </head>
  <body>
    <div id="ourvideo" style="width:600px;height:400px;"></div>
  </body>
</html>

Question

Programmez un script de manière à ce que la balise <div> affiche une vidéo composée des sources suivantes :

  • http://videos.mozilla.org/serv/webmademovies/atultroll.webm

  • http://videos.mozilla.org/serv/webmademovies/justintime.ogv

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)