HTML5Video.php: Hur visa HTML5 video på en MediaWiki webbplats

onsdag, april 11th, 2012 at 13:39.

Jag skrev ett lite tillagg för MediaWiki så jag kan visa HTML5 video i wikisidor en eller gång. Jag använder det här på webbplatser som Immortal Poetry och Svenska Dikter.

<?php
$wgExtensionFunctions[] = ‘wfHTMl5Video’;
$wgExtensionCredits['parserhook'][] = array(
‘name’ => ‘HTMl5Video’,
‘description’ => ‘HTMl5Video’,
‘author’ => ‘oyvinds’,
‘url’ => ‘http://oyvinds.livelyblog.com/’
);

function wfHTMl5Video() {
global $wgParser;
$wgParser->setHook(‘HTMl5Video’, ‘renderHTMl5Video’);
}

# The callback function for converting the input text to HTML output
function renderHTMl5Video($input, $args) {
$width = isset($args['width']) ? $args['width'] : ’480′;
$height = isset($args['height']) ? $args['height'] : ’360′;
$poster = isset($args['poster']) ? $args['poster'] : ”;
$mp4 = isset($args['mp4']) ? $args['mp4'] : ”;
$webm = isset($args['webm']) ? $args['webm'] : ”;
$ogv = isset($args['ogv']) ? $args['ogv'] : ”;
$ogg = isset($args['ogg']) ? $args['ogg'] : ”;

$output = ‘<video controls=”controls” preload=”metadata” width=”‘.$width.’” height=”‘.$height.’”‘;
if ($poster) $output .= ‘ poster=”‘.$poster.’”‘;
$output .= ‘>’;

if ($mp4) $output .= ”\n”.’<source src=”‘.$mp4.’” type=”video/mp4″ />’;
if ($webm) $output .= ”\n”.’<source src=”‘.$webm.’” type=”video/webm” />’;
if ($ogv) $output .= ”\n”.’<source src=”‘.$ogv.’” type=”video/ogg” />’;
if ($ogg) $output .= ”\n”.’<source src=”‘.$ogg.’” type=”video/ogg” />’;
$output .= ‘</video>’;
return $output;
}
?>

Koden över kan laddas hem ifrån : http://dikt.org/extensions/html5video.txt

Det är bara å skriva en linje som laddar det där inn i LocalSettings.php som vanlig, det här är inte rakettforskning.

require_once( ”$IP/extensions/html5video.php” );

Videofiler kan visas med en tom <html5video></html5video> tagg där första delen har massa parameter:

<html5video poster=”http://oyvinds.trykker.net/files/2012/04/oi_nej_jag_tappade_ballen.jpg”
mp4=”http://oyvinds.trykker.net/files/2012/04/oi_nej_jag_tappade_ballen.mp4″
ogv=”http://oyvinds.trykker.net/files/2012/04/oi_nej_jag_tappade_ballen.ogv”
width=”720″ height=”400″></html5video>

Jag vet det här är lite skitig, en tag skal aldrig stå tom sådär – men det fungerar fint för mig.