<!doctype html>
<html>
<head>
<title>Video Captions : Flowplayer</title>
<link rel="shortcut icon" href="http://flash.flowplayer.org/favicon.ico">
<style>
body{
width:982px;
margin:50px auto;
font-family:sans-serif;
}
a:active {
outline:none;
}
:focus { -moz-outline-style:none; }
.palert {
padding: 12px;
color: black;
background-color: #ededed;
box-shadow: none;
}
</style>
<script src="flowplayer/flowplayer-3.2.12.min.js"></script>
</head>
<body>
<div id="player" style="width:644px;height:276px;margin:0 auto;text-align:center">
</div>
<script>
flowplayer("player", "flowplayer/flowplayer-3.2.16.swf", {
log: { level: 'debug', filter: 'org.flowplayer.captions.*' },
clip: {
url: 'http://cpcweb.com/webcasts/cpcdemo.mov',
// this is the SubRib file with captions info
captionUrl: 'http://releases.flowplayer.org/data/buffalo.srt',
// do not distort widescreen image in fullscreen mode
scaling: 'fit'
},
plugins: {
// the captions plugin
captions: {
src: "flowplayer/flowplayer.captions-3.2.9.swf",
// pointer to a content plugin (see below)
captionTarget: 'content'
},
// configure a content plugin so that it
// looks good for showing subtitles
content: {
src: "flowplayer/flowplayer.content-3.2.8.swf",
bottom: '15%',
width: '80%',
height: 55,
backgroundColor: 'transparent',
backgroundGradient: 'none',
border: 0,
opacity: .90,
textDecoration: 'outline',
style: {
'body': {
fontSize: '18',
fontFamily: 'Verdana, Arial, Helvetica',
fontWeight: 'bold',
textAlign: 'center',
color: '#ffff00'
}
}
},
// change default skin to "tube"
controls: {
url: "flowplayer/flowplayer.controls-tube-3.2.15.swf"
}
},
canvas: {
backgroundGradient: 'none'
}
});
</script>
</body>
</html>
ovako je kod ali mi ne pokazuje titlove nerazumijem zasto . ako neko zna u cemu je problem , bio bi jako zahvalan