53 lines
1.4 KiB
JavaScript
53 lines
1.4 KiB
JavaScript
/**
|
|
* Partially from http://diveintohtml5.org/everything.html
|
|
*
|
|
* But we don't want audio/* as <video>
|
|
*/
|
|
function canPlayVideo(type) {
|
|
var v = document.createElement('video');
|
|
return !!(v.canPlayType &&
|
|
v.canPlayType(type).replace(/no/, '') &&
|
|
!(/^audio\//.test(type)));
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
/* Iterate over all resources in HTML output */
|
|
$('.resource').each(function() {
|
|
var that = $(this);
|
|
var preview = that.data('preview');
|
|
var sources = [];
|
|
that.find('a').each(function() {
|
|
var a = $(this);
|
|
sources.push({ href: a.attr('href'), type: a.attr('type') });
|
|
});
|
|
|
|
|
|
/* Check playability */
|
|
if (sources.map(function(r) {
|
|
return r.type;
|
|
}).some(canPlayVideo)) {
|
|
var img = that.find('img');
|
|
img.before('<p class="play">▶</p>');
|
|
var poster = img.attr('src');
|
|
var isPreview = false;
|
|
that.find("img, .play").mouseover(function() {
|
|
img.attr('src', preview);
|
|
}).
|
|
mouseout(function() {
|
|
img.attr('src', poster);
|
|
}).
|
|
click(function() {
|
|
that.find(".play").remove();
|
|
var video = $('<video controls="controls" autoplay="autoplay"></video>');
|
|
sources.forEach(function(source) {
|
|
var src = $('<source></source>');
|
|
src.attr('src', source.href);
|
|
src.attr('type', source.type);
|
|
video.append(src);
|
|
});
|
|
img.replaceWith(video);
|
|
});
|
|
}
|
|
});
|
|
});
|