Hallo,
ich habe (mithilfe eines anderen SelfHTML Threads KLICK) Ein Script erstellt, was mehrere Kurze Videos hintereinander abspielt. Beim Versuch die Untertitel einzubinden, tritt allerdings das Problem auf, dass die Untertitel der Ersten Datei auch bei der Zweiten Datei mit angezeigt wird. Ab der Dritten Datei ändert sich nichts mehr. Jemand eine Idee, wieso das so ist??
</br>
<video id="ews" width="720" height="540" controls>
<source id="vidsrc" src="video/ews_001.mp4" type="video/mp4"/>
<track id="vidsub" src="video/ews_001_de.vtt" srclang="de" label="Deutsche Untertitel" kind="subtitles" default>
Your user agent does not support the HTML5 Video element.
</video>
</br>
<button type="button" onclick="vid_play_pause()">Play/Pause</button>
<button type="button" onclick="vid_next()">>></button>
<script type="text/javascript">
var vidcount = 1;
document.getElementById('ews').addEventListener('ended',vid_next,false);
function vid_next(e) {
if(!e) { e = window.event; }
vidcount = vidcount + 1;
if (vidcount <= 9){
var nextvid = "video/ews_00" + vidcount + ".mp4";
var nextsub = "video/ews_00" + vidcount + "_de.vtt";}
if (vidcount >= 10 && vidcount <= 99) {
var nextvid = "video/ews_0" + vidcount + ".mp4";
var nextsub = "video/ews_0" + vidcount + "_de.vtt";}
if (vidcount >= 100) {
var nextvid = "video/ews_" + vidcount + ".mp4";
var nextsub = "video/ews_" + vidcount + "_de.vtt";}
document.getElementById('vidsub').removeAttribute('src');
document.getElementById('vidsrc').setAttribute('src', nextvid);
document.getElementById('vidsub').setAttribute('src', nextsub);
document.getElementById('ews').load();
document.getElementById('ews').play();
}
function vid_play_pause() {
if (document.getElementById("ews").paused)
{
document.getElementById("ews").play();
} else {
document.getElementById("ews").pause();
}
}
</script>