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>