-
1. Re: HTML5 video player that works from within DWCS5
Nancy O. Nov 11, 2011 12:35 PM (in response to Missteach)The biggest drawback to HTML5 <video> was the necessity to render 4 different file types to accommodate the various devices/browsers.
.ogv
.mp4
.webm
.flv (as a fallback)
Pickle Player (a commercial product) eliminates the need for 4 separate video files. All you need is MP4 video or MP3 audio. http://www.pickleplayer.com/index.html
It's not WYSIWYG. Nothing is. But it's simple to deploy with just 3 lines of HTML code.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
-
2. Re: HTML5 video player that works from within DWCS5
Carey Burgess Nov 11, 2011 4:20 PM (in response to Nancy O.)Pickle Player looks interesting. I'll have to check it out. Thanks, Nancy!
I've been using (and having good success with) Kaltura: http://bit.ly/tJ87aP
You can get it as an extension via the Widget Browser: http://adobe.ly/srPxlT
(If you don't have WB yet, go here to download: http://adobe.ly/tK2cH6)
Moving it around in Design View is pretty easy, and just switch to Live View to preview/test it.
HTH!
-
3. Re: HTML5 video player that works from within DWCS5
Missteach Nov 13, 2011 12:38 PM (in response to Carey Burgess)Thanks - I did try the Widget Browser and the HTML5 extension but, unless I'm missing an obvious setting, there doesn't appear to be a way of telling it to play an MP4 movie of your choice. There isn't a button / setting that allows me to tell it to play 'Movie.mp4', for example. I t appears limited to the movie it ships with.

Thanks for the suggestion though.
-
4. Re: HTML5 video player that works from within DWCS5
Nancy O. Nov 13, 2011 1:12 PM (in response to Missteach)Switch to Code View. Notice the various media file types required in red followed by the src="path/filename" /> This is where you customize the code to point to your video file. Example: "http://yoursite.com/media/your_video.mp4"
<video width="" height="" poster="images/elephants-dream.jpg" duration="10:53" preload="auto" >
<source type="video/webm" src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/elephants-dream_400p.webm" />
<source type="video/mp4" src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/elephants-dream_iphone.mp4" />
<source type="video/ogg" src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/elephants-dream_400p.ogv" />
</video>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists





