demos/tizen-winsets/widgets/multimediaview/multimediaview_video.html

   1 <!DOCTYPE html>
   2 <div data-role="page" data-add-back-btn="true">
   3         <script>
   4                 $(document).bind("pageinit", function() {
   5                         $.mobile.tizen.disableContextMenu( $("div:jqmData(role='page')"));
   6                 });
   7         </script>
   8         <div data-role="header" data-position="fixed">
   9                 <h1>Video Test</h1>
  10         </div>
  11         <div data-role="content">
  12                 <video data-controls="true" style="width:100%;">
  13                         <source src="http://www.w3schools.com/html5/mov_bbb.mp4" type="video/mp4" />
  14                         <source src="http://www.w3schools.com/html5/mov_bbb.ogg" type="video/ogg" />
  15                         <source src="http://www.w3schools.com/html5/mov_bbb.webm" type="video/webm" />
  16                         <p>Your browser does not support the video tag.</p>
  17                 </video>
  18         </div>
  19         <div data-role="footer">
  20         </div>
  21 </div>