|
|
| Line 42: |
Line 42: |
| </ul> | | </ul> |
|
| |
|
| ==Video experiments==
| | Our [[Video Sandbox|video experiments]] dragged on and on, so now there's a separate page.... |
| Can we use HTML5 as hinted at elsewhere?
| |
| | |
| ===Take 1: HTML5 tagging===
| |
| <video>
| |
| <source type="video/mp4" src="Relache_039_Dance.mp4" />
| |
| <source type="video/ogg" src="Relache_039_Dance.ogv" />
| |
| </video>
| |
| Hmmm. Need to install some stuff....
| |
| ===Take 1.5: More HTML5===
| |
| Maybe it is the syntax?
| |
| <nowiki>
| |
| <video poster="Relache_039.jpg" controls>
| |
| <source src='Relache_039_Dance.webm' type='video/webm; codecs="vp8.0, vorbis"'/>
| |
| <source src=Relache_039_Dance.ogv' type='video/ogg; codecs="theora, vorbis"'/>
| |
| <source src='Relache_039_Dance.mp4' type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
| |
| <p>Or try this link [http://dekalborama.com/mediawiki/extensions/HTML5video/videos/Relache_039_Dance.flv a link] if the video doesn't play.</p>
| |
| </video>
| |
| </nowiki>
| |
| ===Take 2: mwEmbed/Kaltura===
| |
| It seems this has been displaced by [http://corp.kaltura.com/ commercial elements].
| |
| ===Take 3: HTML5video extension===
| |
| <HTML5video type="HTML5" width="320" height="240" autoplay="false" loop="false">Relache_039_Dance</HTML5video>
| |
| | |
| Uploaded three versions of the video:
| |
| #Relache_039_Dance.mp4
| |
| #Relache_039_Dance.ogv (Huge!)
| |
| #Relache_039_Dance.webm
| |
| | |
| Hopeful, but challenged. Results so far:
| |
| *Android 2.3.6 = Yes! Plays in its own window.
| |
| *Chrome 17.0 = Yes! On PC running Vista Enterprise
| |
| *Firefox 11.0 = Yes! Only after pushing MIME types as below.
| |
| *Safari 5.1.4 = Yes! On both Mac OS X Snow Leopard and PC Vista
| |
| *IE 7 = Nope, not even after the MIME adjustment. Not even a box....
| |
| | |
| Thanks to [http://camendesign.com/code/video_for_everybody Video for Everybody] for a few hints. Adding MIME types to .htaccess, for example.... Now, what to do about IE7 since I cannot get Flash fallback to work?
| |
| | |
| First uploaded even more formats to see if IE can be fooled:
| |
| #Relache_039_Dance.flv
| |
| #Relache_039_Dance.avi (Also huge!)
| |
| | |
| Drat!
| |
| ===Take4: jwplayer standalone....===
| |
| <p><!-- START OF THE PLAYER EMBEDDING TO COPY-PASTE --></p>
| |
| <div id="mediaplayer">JW Player goes here</div>
| |
| <p>
| |
| <script type="text/javascript" src="extensions/HTML5video/jwplayer/jwplayer.js"></script>
| |
| <script type="text/javascript">
| |
| jwplayer("mediaplayer").setup({
| |
| flashplayer: "extensions/HTML5video/jwplayer/jwplayer/player.swf",
| |
| file: "extensions/HTML5video/videos/Relache_039_Dance.flv",
| |
| image: "jwplayer/preview.jpg"
| |
|
| |
| });
| |
| </script>
| |
| <!-- END OF THE PLAYER EMBEDDING --></p>
| |
| | |
| Oh, well....
| |
| | |
| ===Take5: MediawikiPlayer embedding===
| |
| First an MPEG 4 file:
| |
| | |
| <mediaplayer width='320' height='240' autostart='false' id='0'>File:Relache_039_Dance.mp4</mediaplayer>
| |
| | |
| Then Flash:
| |
| | |
| <mediaplayer width='320' height='240' autostart='false' id='1'>File:Relache_039_Dance.flv</mediaplayer>
| |
| ===Last resort===
| |
| Well, there's always [http://dekalborama.com/mediawiki/extensions/HTML5video/videos/Relache_039_Dance.flv a link]!
| |
|
| |
|
| [[Category:Site_administration]] | | [[Category:Site_administration]] |
| [[Category:Templates]] | | [[Category:Templates]] |
| [[Category:Work to do]] | | [[Category:Work to do]] |
