HTML5 Setup
By default, HTML5 Player is used. You can configure it in ''player'' option.
HTML5 setup contains tow attributes - sources and poster:
Description | Type | Optional | |
---|---|---|---|
sources | Definition(s) of the video URL and its type | Object / Array | N |
poster | A poster image path | String | Y |
The sources attribute contains "file" and "type" options, it can be a single object:
$('.chameleon').chameleon({
player: "html5",
chameleonContext: {
"html5Setup" :{
"sources": [
{
"file": "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
"type": "video/mp4"
}
]
}
}
});
Or it can be an array of multiple objects. The browser will use the first recognized format.
$('.chameleon').chameleon({
player: "html5",
chameleonContext: {
"html5Setup" :{
"sources": [
{
"file": "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
"type": "video/mp4"
},
{
"file": "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
"type": "video/mp4"
},
{
"file": "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
"type": "video/mp4"
}
]
}
}
});