Tracks wechseln in video js

pkm

Aufsteiger

Join Date: 09.10.2017
Posts: 57

16.11.2017, 15:31

Ich bin gerade dabei, mich in videoJS einzuarbeiten und habe daher eine html-Datei geschrieben, bei der ein Player mit einem Track eingestellt ist. �ber ein Suchfenster ("Search...") k�nnen neue Lieder gesucht werden, ich habe auch �ber AJAX eine Funktion geschrieben, welche w�hrend der Titelanfrage dynamisch Vorschl�ge machen kann. Wenn nun der User einen Titel im Suchfenster gefunden hat, w�rde ich gerne das Video mit diesem Titel laden, das geht �ber die playIt()-Funktion. Ich bin aber aus der Dokumentation nicht so recht schlau gewordne, wie es funktionieren soll, dass ich nun in dem Fall, dass ich den Korrekten src-String anhand des gefundenen Titels aus der Datenbank hole, den neuen Titel setze. Wie mache ich das am d�mmsten?

HTML Code:

<!DOCTYPE html>

<html>

<head>
	<title>Player</title>
</head>

<body>


  <link href="http://vjs.zencdn.net/6.2.8/video-js.css" rel="stylesheet">
  <!-- For IE8 -->
  <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>

<script>

window.HELP_IMPROVE_VIDEOJS = false;

function showHint(str) {
    if (str.length == 0) {
        document.getElementById("txtHint").innerHTML = "";
        return;
    } else {
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) { 

                var resp = this.responseText;
                if(resp.trim() == "no suggestion"){resp = document.getElementById("maintextfield").value;}
		document.getElementById("maintextfield").value = resp;
            }
        };
        xmlhttp.open("GET", "gethint.php?q=" + str, true);
        xmlhttp.send();
    }
}

function playIt(){

 var wish = document.getElementById("maintextfield").value;

 //alert(wish); Das will ich eigentlich einer Datenbankabfrage �bergeben.
//Aber wie bekomme ich das derzeit geladene Lied weg? 

}

</script>



   <video id="my-video" class="video-js" controls preload="auto" width="640" height="364" poster="MY_VIDEO_POSTER.jpg" data-setup='{"controls": true, "autoplay": false, "preload": "auto", "loop": "true"}'>

    <source src='videos/My Song.webm' type='video/webm'>

    <p class="vjs-no-js">
      To view this video please enable JavaScript, and consider upgrading to a web browser that
      <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
    </p>

  </video>

<script>videojs(document.querySelector('.my-video'));</script>

<script src="http://vjs.zencdn.net/6.2.8/video.js"></script>

<p><b>Search video:</b></p>
<form>
<input id="maintextfield" type="text" onkeyup="showHint(this.value)">
<input id="button" type="submit" value = "play" onclick="playIt()">
</form>

</body>
</html>

Tags: None

Announcement

Tracks wechseln in video js

Tracks wechseln in video js