Mercurial > hg > env-test-daniele
annotate johndyer-mediaelement-13fa20a/demo/mediaelementplayer-track.html @ 25:4a4bd554b4c1 tip
Closing this sub branch.
author | Daniele Barchiesi <daniele.barchiesi@eecs.qmul.ac.uk> |
---|---|
date | Mon, 25 Mar 2013 14:02:54 +0000 |
parents | 032bc65ebafc |
children |
rev | line source |
---|---|
gyorgy@0 | 1 <!DOCTYPE html> |
gyorgy@0 | 2 <html> |
gyorgy@0 | 3 <head> |
gyorgy@0 | 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
gyorgy@0 | 5 <title>HTML5 MediaElement</title> |
gyorgy@0 | 6 |
gyorgy@0 | 7 <script src="https://www.google.com/jsapi"></script> |
gyorgy@0 | 8 <script type="text/javascript"> |
gyorgy@0 | 9 google.load("language", "1"); |
gyorgy@0 | 10 </script> |
gyorgy@0 | 11 |
gyorgy@0 | 12 |
gyorgy@0 | 13 <script src="../build/jquery.js"></script> |
gyorgy@0 | 14 <script src="../build/mediaelement-and-player.min.js"></script> |
gyorgy@0 | 15 <link rel="stylesheet" href="../build/mediaelementplayer.min.css" /> |
gyorgy@0 | 16 </head> |
gyorgy@0 | 17 <body> |
gyorgy@0 | 18 |
gyorgy@0 | 19 <h1>MediaElementPlayer.js</h1> |
gyorgy@0 | 20 |
gyorgy@0 | 21 <p>Recommended Setup</p> |
gyorgy@0 | 22 |
gyorgy@0 | 23 |
gyorgy@0 | 24 <h2>MP4/WebM video</h2> |
gyorgy@0 | 25 <video width="360" height="203" id="player2" controls="controls"> |
gyorgy@0 | 26 <source src="../media/echo-hereweare.mp4" type="video/mp4"> |
gyorgy@0 | 27 <source src="../media/echo-hereweare.webm" type="video/webm"> |
gyorgy@0 | 28 <track kind="subtitles" src="../media/mediaelement.srt" srclang="en" /> |
gyorgy@0 | 29 <p>Your browser leaves much to be desired.</p> |
gyorgy@0 | 30 </video> |
gyorgy@0 | 31 |
gyorgy@0 | 32 <script> |
gyorgy@0 | 33 $('audio,video').mediaelementplayer({ |
gyorgy@0 | 34 // auto-select this language (instead of starting with "None") |
gyorgy@0 | 35 startLanguage:'en', |
gyorgy@0 | 36 // automatically translate into these languages |
gyorgy@0 | 37 translations:['es','ar','zh','ru'], |
gyorgy@0 | 38 // enable the dropdown list of languages |
gyorgy@0 | 39 translationSelector: true |
gyorgy@0 | 40 }); |
gyorgy@0 | 41 </script> |
gyorgy@0 | 42 |
gyorgy@0 | 43 </body> |
gyorgy@0 | 44 </html> |