Line 335: |
Line 335: |
| //}) | | //}) |
| | | |
− | // Basic webp support | + | // Basic video support using <img> and <video> elements |
| | | |
− | $('.webp').each(function () { | + | $('.video').each(function () { |
− | var a = $('<a>').addClass('image').attr('href', '/File:' + $(this).data('src')); | + | var src = $(this).data('src') || ''; |
− | var img = $('<img>'); | + | var parts = src.split('.'); |
− | for (var attr in $(this).data()) {
| + | var ext = parts[parts.length - 1] || ''; |
− | img.attr(attr, (attr === 'src' ? 'https://en.kancollewiki.net/Special:Filepath/' : '') + $(this).data(attr));
| + | if (ext === 'webp') { |
| + | var a = $('<a>').addClass('image').attr('href', '/File:' + src); |
| + | var img = $('<img>'); |
| + | for (var attr in $(this).data()) { |
| + | img.attr(attr, (attr === 'src' ? 'https://en.kancollewiki.net/Special:Filepath/' : '') + $(this).data(attr)); |
| + | } |
| + | a.append(img); |
| + | $(this).append(a); |
| + | } else { |
| + | var video = $('<video>').attr('controls', ''); |
| + | var source = $('<source>').attr('type', 'video/' + ext); |
| + | for (var attr in $(this).data()) { |
| + | var el = attr === 'src' || attr === 'type' ? source : video; |
| + | el.attr(attr, (attr === 'src' ? 'https://en.kancollewiki.net/Special:Filepath/' : '') + $(this).data(attr)); |
| + | } |
| + | video.append(source); |
| + | $(this).append(video); |
| } | | } |
− | a.append(img);
| |
− | $(this).append(a);
| |
| }); | | }); |
| | | |
| }); | | }); |