<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" > <channel><title>Comments on: HTML 5 video &amp; Mootools</title> <atom:link href="http://www.chipwreck.de/blog/2010/03/02/html-5-video-mootools/feed/" rel="self" type="application/rss+xml" /><link>http://www.chipwreck.de/blog/2010/03/02/html-5-video-mootools/</link> <description>The guide is definitive. Reality is frequently inaccurate.</description> <lastBuildDate>Sat, 04 Feb 2012 23:06:33 +0000</lastBuildDate> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>By: Lucas Matías Ciruzzi</title><link>http://www.chipwreck.de/blog/2010/03/02/html-5-video-mootools/comment-page-1/#comment-18018</link> <dc:creator>Lucas Matías Ciruzzi</dc:creator> <pubDate>Thu, 24 Nov 2011 20:28:32 +0000</pubDate> <guid isPermaLink="false">http://www.chipwreck.de/blog/?p=4252#comment-18018</guid> <description>Thanks for the help!</description> <content:encoded><![CDATA[<p>Thanks for the help!</p> ]]></content:encoded> </item> <item><title>By: ram</title><link>http://www.chipwreck.de/blog/2010/03/02/html-5-video-mootools/comment-page-1/#comment-432</link> <dc:creator>ram</dc:creator> <pubDate>Wed, 21 Jul 2010 07:34:21 +0000</pubDate> <guid isPermaLink="false">http://www.chipwreck.de/blog/?p=4252#comment-432</guid> <description>ya this sites is very useful or us, thank for ur guideness</description> <content:encoded><![CDATA[<p>ya this sites is very useful or us, thank for ur guideness</p> ]]></content:encoded> </item> <item><title>By: challet</title><link>http://www.chipwreck.de/blog/2010/03/02/html-5-video-mootools/comment-page-1/#comment-263</link> <dc:creator>challet</dc:creator> <pubDate>Wed, 31 Mar 2010 16:25:20 +0000</pubDate> <guid isPermaLink="false">http://www.chipwreck.de/blog/?p=4252#comment-263</guid> <description>Thanks for all the tips. I found useful answers to ideas i have about http://mootools.net/forge/p/mooplay</description> <content:encoded><![CDATA[<p>Thanks for all the tips. I found useful answers to ideas i have about <a href="http://mootools.net/forge/p/mooplay" rel="nofollow">http://mootools.net/forge/p/mooplay</a></p> ]]></content:encoded> </item> <item><title>By: HTML5 video. Who needs Flash? &#124; The Worm Hole</title><link>http://www.chipwreck.de/blog/2010/03/02/html-5-video-mootools/comment-page-1/#comment-250</link> <dc:creator>HTML5 video. Who needs Flash? &#124; The Worm Hole</dc:creator> <pubDate>Fri, 05 Mar 2010 11:29:12 +0000</pubDate> <guid isPermaLink="false">http://www.chipwreck.de/blog/?p=4252#comment-250</guid> <description>[...] But they kept coming. Mario Fischer making an excellent post on how to use HTML5 video with Mootools. [...]</description> <content:encoded><![CDATA[<p>[...] But they kept coming. Mario Fischer making an excellent post on how to use HTML5 video with Mootools. [...]</p> ]]></content:encoded> </item> <item><title>By: freetao</title><link>http://www.chipwreck.de/blog/2010/03/02/html-5-video-mootools/comment-page-1/#comment-248</link> <dc:creator>freetao</dc:creator> <pubDate>Wed, 03 Mar 2010 08:38:56 +0000</pubDate> <guid isPermaLink="false">http://www.chipwreck.de/blog/?p=4252#comment-248</guid> <description>很好的教程，嘿嘿。(According to google translate: &quot;Very good tutorial, Hei hei.&quot;)</description> <content:encoded><![CDATA[<p>很好的教程，嘿嘿。</p><p> (According to google translate: &#8220;Very good tutorial, Hei hei.&#8221;)</p> ]]></content:encoded> </item> <item><title>By: Mario</title><link>http://www.chipwreck.de/blog/2010/03/02/html-5-video-mootools/comment-page-1/#comment-247</link> <dc:creator>Mario</dc:creator> <pubDate>Wed, 03 Mar 2010 00:05:45 +0000</pubDate> <guid isPermaLink="false">http://www.chipwreck.de/blog/?p=4252#comment-247</guid> <description>Cool, thanks! Yes, that&#039;s what I meant by &quot;tricky&quot; :)...Slider.set() fires the change and complete events, so when moving the slider and calling set() this fires timeupdate on the video which (in return) again (re)-sets the slider...To check &quot;is.Dragging&quot; is a good idea, but I assume this breaks if you don&#039;t *drag* the slider, but click in the white area to the left or right ?!And yes, setting the knob directly is also my solution. But I&#039;m trying to find a solution which also works with different snap-values and things like left margin. You can see the first (ugly) try here, the thing is implemented as class, visible in the sourcecode:http://www.chipwreck.de/_mootools/cwvideo/example.php</description> <content:encoded><![CDATA[<p>Cool, thanks! Yes, that&#8217;s what I meant by &#8220;tricky&#8221; :)&#8230;</p><p>Slider.set() fires the change and complete events, so when moving the slider and calling set() this fires timeupdate on the video which (in return) again (re)-sets the slider&#8230;</p><p>To check &#8220;is.Dragging&#8221; is a good idea, but I assume this breaks if you don&#8217;t *drag* the slider, but click in the white area to the left or right ?!</p><p>And yes, setting the knob directly is also my solution. But I&#8217;m trying to find a solution which also works with different snap-values and things like left margin. You can see the first (ugly) try here, the thing is implemented as class, visible in the sourcecode:</p><p><a href="http://www.chipwreck.de/_mootools/cwvideo/example.php" rel="nofollow">http://www.chipwreck.de/_mootools/cwvideo/example.php</a></p> ]]></content:encoded> </item> <item><title>By: Jan Misker</title><link>http://www.chipwreck.de/blog/2010/03/02/html-5-video-mootools/comment-page-1/#comment-246</link> <dc:creator>Jan Misker</dc:creator> <pubDate>Tue, 02 Mar 2010 23:37:57 +0000</pubDate> <guid isPermaLink="false">http://www.chipwreck.de/blog/?p=4252#comment-246</guid> <description>Couldn&#039;t help to play a bit, based on your code. First I created a slider to set the currentTime value. To also show the progress I did _not_ use the Slider.set() function, because that somehow messes things up. Instead I just changed the left position of the knob directly, actually bypassing the Slider. Also I checked the Slider.isDragging value, when it&#039;s true I don&#039;t set the position of the knob.I&#039;ll put the code here but don&#039;t know how legible it will be... $(&#039;myvid&#039;).addEvent(&#039;timeupdate&#039;, function(an_event){ if (!mySlider.isDragging) { $(&#039;knob&#039;).setStyle(&#039;left&#039;, ($(&#039;timemeter&#039;).getSize().x - $(&#039;knob&#039;).getSize().x) * (this.get(&#039;currentTime&#039;)/this.get(&#039;duration&#039;)) + &#039;px&#039;); } });</description> <content:encoded><![CDATA[<p>Couldn&#8217;t help to play a bit, based on your code. First I created a slider to set the currentTime value. To also show the progress I did _not_ use the Slider.set() function, because that somehow messes things up.<br /> Instead I just changed the left position of the knob directly, actually bypassing the Slider. Also I checked the Slider.isDragging value, when it&#8217;s true I don&#8217;t set the position of the knob.</p><p>I&#8217;ll put the code here but don&#8217;t know how legible it will be&#8230;<br /> $(&#8216;myvid&#8217;).addEvent(&#8216;timeupdate&#8217;, function(an_event){<br /> if (!mySlider.isDragging) {<br /> $(&#8216;knob&#8217;).setStyle(&#8216;left&#8217;, ($(&#8216;timemeter&#8217;).getSize().x &#8211; $(&#8216;knob&#8217;).getSize().x) * (this.get(&#8216;currentTime&#8217;)/this.get(&#8216;duration&#8217;)) + &#8216;px&#8217;);<br /> }<br /> });</p> ]]></content:encoded> </item> <item><title>By: Torbjoern Karlevid</title><link>http://www.chipwreck.de/blog/2010/03/02/html-5-video-mootools/comment-page-1/#comment-245</link> <dc:creator>Torbjoern Karlevid</dc:creator> <pubDate>Tue, 02 Mar 2010 23:01:24 +0000</pubDate> <guid isPermaLink="false">http://www.chipwreck.de/blog/?p=4252#comment-245</guid> <description>yeah! great work man. this i will use for next project.</description> <content:encoded><![CDATA[<p>yeah! great work man. this i will use for next project.</p> ]]></content:encoded> </item> <item><title>By: Mario</title><link>http://www.chipwreck.de/blog/2010/03/02/html-5-video-mootools/comment-page-1/#comment-244</link> <dc:creator>Mario</dc:creator> <pubDate>Tue, 02 Mar 2010 22:29:32 +0000</pubDate> <guid isPermaLink="false">http://www.chipwreck.de/blog/?p=4252#comment-244</guid> <description>Yes, a very good idea. I already started with a timeline-slider, but this is a bit tricky. But nevertheless: Either this will be the topic of a new post the next days or I&#039;ll update this one here..</description> <content:encoded><![CDATA[<p>Yes, a very good idea. I already started with a timeline-slider, but this is a bit tricky. But nevertheless: Either this will be the topic of a new post the next days or I&#8217;ll update this one here..</p> ]]></content:encoded> </item> <item><title>By: Jan Misker</title><link>http://www.chipwreck.de/blog/2010/03/02/html-5-video-mootools/comment-page-1/#comment-243</link> <dc:creator>Jan Misker</dc:creator> <pubDate>Tue, 02 Mar 2010 22:17:32 +0000</pubDate> <guid isPermaLink="false">http://www.chipwreck.de/blog/?p=4252#comment-243</guid> <description>Looks good. How about adding a slider control for 1) displaying the current time in the clip and 2) seeking to other times in the clip?</description> <content:encoded><![CDATA[<p>Looks good. How about adding a slider control for 1) displaying the current time in the clip and 2) seeking to other times in the clip?</p> ]]></content:encoded> </item> </channel> </rss>
<!-- Served from: www.chipwreck.de @ 2012-02-05 13:17:59 by W3 Total Cache -->
