December 28, 2011

Here is html5video embedded in an iframe:

Updated with a video available in mp4 format to make it work in iOS/Safari/Chrome.

Just add:

src[]=http://example.com/video.mp4&src[]=http://example.com/video.webm&

to the following and it should work everywhere with flash fallback.

<iframe src="http://html5.kaltura.org/mwEmbedFrame.php?src[]=http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb_trailer_360p.webm&src[]=http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb_trailer_iphone270P.m4v&src[]=http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb_trailer_400p.ogv&poster=http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb480.jpg" width="500" height="375" frameborder="0" ></iframe>

1:21pm  |   URL: http://tmblr.co/ZIyUYyDvsDzC
(Notes: 7)
  
Filed under: iframe html5video tumblr video embed 
December 28, 2011
technic_observations: Demo: HTML5 Video + Tumblr

gchriss:


A simple video I made with an Olympus mini-camera and one (1) “Whirly Wheel.” The video master was recorded in QVGA (320×240), naturally grainy due…

You can call up an iframe with Kaltura’s html5video library like so:

<iframe src="http://html5.kaltura.org/mwEmbedFrame.php?src[]=http://static.tumblr.com/mx0pgsj/jJUlww7aj/gyro_wheel.ogv&poster=http://i.imgur.com/O6Jfp.jpg" width="500" height="375" frameborder="0" ></iframe>

iFrames make it easy to use the embed video post type so the video will show up in the dashboard.

1:20pm  |   URL: http://tmblr.co/ZIyUYyDvs243
(Notes: 18)
  
Filed under: iframe html5video tumblr video embed 
Liked posts on Tumblr: More liked posts »