dojox.mobile.Video¶
Authors: | Hikaru Tamura |
---|---|
Developers: | Hikaru Tamura |
since: | V1.8 |
Introduction¶
dojox.mobile.Video is a widget which plays video. This widget wraps the video tag. If all sources cannot be play, dojox.mobile.Video will replace video tag with embed tag. Then the browser tries to play it with a suitable plug-in.
Constructor Parameters¶
Parameter | Type | Default | Description |
source | Array | null | An array of src and type (ex. [{src:”a.mp4”,type:”video/mp4”},{src:”a.ogv”,type:”video/ogg”},...] ). The src gives the path of the media resource. The type gives the type of the media resource. |
width | String | “200px” | Width used when creating embed tag |
height | String | “150px” | Height used when creating embed tag |
Examples¶
Declarative example¶
require([
"dojox/mobile",
"dojox/mobile/parser",
"dojox/mobile/Video"
]);
<video data-dojo-type="dojox.mobile.Video" controls>
<source src="video/sample.mp4" type="video/mp4">
<source src="video/sample.ogv" type="video/ogg">
<source src="video/sample.webm" type="video/webm">
</video>
Programmatic example¶
require([
"dojo/_base/window",
"dojo/ready",
"dojox/mobile/Video",
"dojox/mobile/parser",
"dojox/mobile"
], function(win, ready, Video){
ready(function(){
var widget = Video({
source: [{src:"video/sample.mp4", type:"video/mp4"},
{src:"video/sample.ogv", type:"video/ogg"},
{src:"video/sample.webm", type:"video/webm"}]
});
win.body().appendChild(widget.domNode);
widget.startup();
});
});