EDUCATIC
/
h5p-php-library
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

BUGFIX: Show video in IE9 too.

namespaces
Frank Ronny Larsen 2013-02-20 13:40:54 +01:00
parent c7f04d0f4c
commit 8d3ead2866
1 changed files with 25 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
js/h5p.js
View File

@ -81,16 +81,30 @@ H5P.playVideo = function ($target, params, cp, onEnded) {
var sources = ''; var sources = '';
var willWork = false; // Used for testing if video tag is supported, AND for testing if we can play back our given formats var willWork = false; // Used for testing if video tag is supported, AND for testing if we can play back our given formats
var $video = $('<video width="' + width + '" height="' + height + '" autoplay></video>'); var video = document.createElement('video');
if ($video[0].canPlayType !== undefined) { video.autoplay = true;
video.width = width;
video.height = height;
if (video.canPlayType !== undefined) {
for (var key in params) { for (var key in params) {
sources += '<source src="' + cp + params[key] + '" type="' + key + '">'; // TODO: The files should probably be in their own group.
willWork = willWork || $video[0].canPlayType(key); if (key.indexOf('video') === 0) {
if (video.canPlayType(key)) {
var source = document.createElement('source');
source.src = cp + params[key];
source.type = key;
video.appendChild(source);
willWork = willWork || true;
}
}
} }
$video.html(sources);
if (willWork) { if (willWork) {
$container.append($video); $container.append(video);
$(video).on('ended', function() {
onEnded();
});
} }
} }
@ -98,9 +112,13 @@ H5P.playVideo = function ($target, params, cp, onEnded) {
if (!willWork) { if (!willWork) {
// use flowplayer fallback // use flowplayer fallback
var fp_container = document.createElement("div"); var fp_container = document.createElement("div");
fp_container.width = "100%";
fp_container.height = "100%";
fplayer = flowplayer(fp_container, { fplayer = flowplayer(fp_container, {
src: "http://releases.flowplayer.org/swf/flowplayer-3.2.16.swf", src: "http://releases.flowplayer.org/swf/flowplayer-3.2.16.swf",
wmode: "opaque" wmode: "opaque",
width: width,
height: height
}, { }, {
buffering: true, buffering: true,
clip: { clip: {