Video Player

bluedaishi · 23. März 2016

Hallo zusammen ich bin neu hier und schlage mich seit zwei tagen mit folgendem problem rum vielleicht kann mit ja jemand weiter helfen

ich habe ähnlich wie bei youtube auf der rechten Seite ein scroll Fenster wo sich alte videos befinden bei einem klick auf einem in dieser list
wird dieses an den Player übergeben und abgespielt.

das funktioniert auch soweit

jetzt mein problem ich muss dem player das passende format für den entsprechenden Browser/Player übergeben

ich muss denke ich die onclick übergabe anpassen oder ????

sprich das das entsprechende video gefunden wird (ogg mp4 m4v usw)

wie mache ich das

HTML

<div class="scroll" style="position:relative; left:90px; top:228px; height:650px; background-color:rgba(231,219,213,0.67); " >		
	<div class="vid-item" onclick="document.getElementById('vid_frame').src='Movies/C0002_1_Disc_2/eh5v.files/					
              html5video/C0002_1.m4v'" style="position:relative; left:7px; top:-7px; " > 
                <div class="thumb" >	
                  <img src="Movies/C0001_1_Disc_2/eh5v.files/html5video/C0001_1.jpg" alt="" style="height:104px; width:194px; " > 
            </div>
	 <div class="desc" style="color:#000000; " >
			Elefmeterpunkt Folge 1
		</div>
	</div>

kanufrosch · 23. März 2016

Was genau mienst du mit "format [...] übergeben" ?

Dein Onclick setzt in deinem Videoframe den neuen source-Pfad, das sieht auch so aus, als könnte es funktionieren...?

Wasgenau willst du jetzt an wen "übergeben"??

Grüße

bluedaishi · 23. März 2016

ich möchte an den player ein video im anderen format übergeben im Monet funktioniert das im safari einwandfrei nur in google wieder der film nicht wiedergegeben sondern runter geladen und als download gespeichert.

Sprich statt dem m4v file dann mp4
geht das nicht das man source mit einer id angibt aber dann müsste die src='nach id suchen' geändert werden das hab ich auch schon gemacht ging aber leider auch nicht

kanufrosch · 23. März 2016

Wenn der Video-Player das Format des Videos nicht kann, kann er es nicht. Daran wirst du ncihts ändern können.

Wenn dein Player kein m4v abspielen kann, musst du das Video beim hochladen (oder davor) erst konvertieren...

bluedaishi · 23. März 2016

ich habe alle videos in den Formaten m4v mp4 ogg webm da ich muss dem player das richtige Format übergeben der Google Chrome kann mp4 aber kein m4v

cottton · 23. März 2016

Also Du sicherlich hast ein Container:

HTML

<video id="vid_frame">
    <source src="video.ogg" type="video/ogg" />
    <source src="video.mp4" type="video/mp4" />
    <!-- ... -->
</video>

In dem video object legst Du erstmal alle formate an, die Du zur Verfügung stellst:

HTML

<video id="vid_frame">
    <source src="" type="video/ogg" />
    <source src="" type="video/mp4" />
    <source src="" type="video/webm" /> 
    <!-- m4v kenn ich nicht -->
</video>

Source haben die im Moment keine.
Onclick willst Du ja aber das Video x in dem vid_frame laufen lassen.
Also greifst Du Dir das Video Element und updates alle seine (Childs) src.
Gedankengang:

HTML

< ... onclick="updateSrc(1)"

JavaScript

// var movies = {
    1 : { 'video/ogg' : 'my/path/to/movie.ogg' },
    2 : { 'video/mp4' : 'my/path/to/movie.mp4' },
    // ...
};
function updateSrc(movieId){
    var elem = document.getElementById('vid_frame');
    if(elem){
        for(var i in elem){ // weiß grad nicht, ob die schleife auf diesen elementen so funktioniert
            var type = elem.type; // ^= zB video/ogg 
            var srcNew = movies.movieId[type];
            elem[i].src = srcNew;
        }
    }
}

Alles anzeigen

Video Player

Jetzt mitmachen!

Teilen