metanohi-misc-subsites/subsites/natur/subtitler-test.htm

43 lines
1.1 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3c.org/1999/xhtml">
<head>
<title>Test</title>
<style type='text/css'>
#subtitle {
position: absolute;
bottom: 0;
left: 50%;
width: 400px;
margin-left: -200px;
text-align: center;
padding: 3px;
background-color: rgba(0, 0, 0, 0.5);
font: 14px Dejavu Sans;
color: #fff;
}
</style>
<script type='text/javascript' src='subtitler.js'></script>
<script type='text/javascript'>
window.onload = function() {
var videlm = document.getElementsByTagName('video')[0]
a = new subtitle(videlm, 'vid/niels-natur3-en.srt')
}
</script>
</head>
<body>
<video src="vid/niels-natur3-small.ogv" controls="controls" height="360" width="640"
style='position: fixed;'>
<applet code="com.fluendo.player.Cortado.class"
archive="http://theora.org/cortado.jar"
height="360" width="640">
<param url="vid/niels-natur3-small.ogv" />
<param local="false" />
<param duration="" />
<param buffersize="200" />
<param autoplay="false" />
<param statusheight="16" />
</applet>
</video>
</body>
</html>