[gnome-getting-started-docs/video-controls: 3/3] use default media controls for video



commit 02d3812ff753ec8b1fcae0dd112d320ebfb30b6f
Author: Jakub Steiner <jimmac gmail com>
Date:   Thu Nov 1 14:40:14 2012 +0100

    use default media controls for video
    
    - width can only be provided in px units by spec
      (ie can't do width="100%")
    - sadly styling not as good as Firefox. Icons are hicolor/tango
      and partucularly the seeking looks bad.

 getting-started/C/custom-video-controls/apps.html |    2 +-
 getting-started/C/custom-video-controls/yelp.js   |    3 +++
 2 files changed, 4 insertions(+), 1 deletions(-)
---
diff --git a/getting-started/C/custom-video-controls/apps.html b/getting-started/C/custom-video-controls/apps.html
index 2780048..bc72255 100644
--- a/getting-started/C/custom-video-controls/apps.html
+++ b/getting-started/C/custom-video-controls/apps.html
@@ -12,7 +12,7 @@
 <div class="body">
 <div class="hgroup"><h1 class="title"><span class="title">Where are my applications?</span></h1></div>
 <div class="region">
-<div class="contents"><div class="media media-video"><div class="inner"><video src="figures/launching-apps-0001-0718.ogg" autobuffer="autobuffer" controls="controls" class="media media-block" height="394" width="700" data-play-label="Play" data-pause-label="Pause"></video></div></div></div>
+<div class="contents"><div class="media media-video"><div class="inner"><video src="figures/launching-apps-0001-0718.ogg" autobuffer="autobuffer" controls="true" class="media media-block" width=900" data-play-label="Play" data-pause-label="Pause"></video></div></div></div>
 <div class="sect sect-links">
 <div class="hgroup"></div>
 <div class="contents"><div class="links seealsolinks"><div class="inner">
diff --git a/getting-started/C/custom-video-controls/yelp.js b/getting-started/C/custom-video-controls/yelp.js
index d957c41..af18b25 100644
--- a/getting-started/C/custom-video-controls/yelp.js
+++ b/getting-started/C/custom-video-controls/yelp.js
@@ -345,9 +345,12 @@ function yelp_init_video (element) {
     element.currentTime = (pct / 100.0) * element.duration;
   });
 };
+
+/*
 $(document).ready(function () {
   $('video.media-block').each(function () { yelp_init_video(this) });;
 });
+*/
 
 $(document).ready( function () { jQuery.syntax({root: '', blockLayout: 'yelp',
 theme: false, linkify: false}); });



[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]