Beyaz.Net İpucu
FLOW Player, Video Player Alt Yazı Gösterme, FLV Oynatma
<div id="player" style="width:480px;height:360px"></div>
<script src="Flowplayer.Captions/flowplayer-3.2.2.min.js"></script>
<script>
$f("player", "Flowplayer.Captions/flowplayer-3.1.5.swf", {
clip : {
url : "Flowplayer.Captions/bach.flv",
captionUrl : 'Flowplayer.Captions/bachen.srt'
},
plugins: {
captions: {
url: 'Flowplayer.Captions/flowplayer.captions-3.2.1.swf',
captionTarget: 'content'
},
content: {
url : 'Flowplayer.Captions/flowplayer.content-3.2.0.swf',
bottom: 5,
height: 50,
backgroundColor: 'transparent',
backgroundGradient: 'none',
border: 0,
textDecoration: 'outline',
style: {
body: {
fontSize: 15,
fontFamily: 'Arial',
textAlign: 'center',
color: '#ffffff'
}
}
},
controls: {
url : 'Flowplayer.Captions/flowplayer.controls-3.1.5.swf'
}
}
});
setTimeout(function() {
$f('player').getPlugin('captions').loadCaptions(0, 'Flowplayer.Captions/bachen.srt');
}, 3000);
</script>
Örnek dosya, tüm js ve swf dosyalar için tıklayınız.
<script src="Flowplayer.Captions/flowplayer-3.2.2.min.js"></script>
<script>
$f("player", "Flowplayer.Captions/flowplayer-3.1.5.swf", {
clip : {
url : "Flowplayer.Captions/bach.flv",
captionUrl : 'Flowplayer.Captions/bachen.srt'
},
plugins: {
captions: {
url: 'Flowplayer.Captions/flowplayer.captions-3.2.1.swf',
captionTarget: 'content'
},
content: {
url : 'Flowplayer.Captions/flowplayer.content-3.2.0.swf',
bottom: 5,
height: 50,
backgroundColor: 'transparent',
backgroundGradient: 'none',
border: 0,
textDecoration: 'outline',
style: {
body: {
fontSize: 15,
fontFamily: 'Arial',
textAlign: 'center',
color: '#ffffff'
}
}
},
controls: {
url : 'Flowplayer.Captions/flowplayer.controls-3.1.5.swf'
}
}
});
setTimeout(function() {
$f('player').getPlugin('captions').loadCaptions(0, 'Flowplayer.Captions/bachen.srt');
}, 3000);
</script>
Örnek dosya, tüm js ve swf dosyalar için tıklayınız.