Video Player

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

  • 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


    <div class="vid-item" onclick="document.getElementById('vid_frame').src='video1';"
    </div>

  • 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...

  • 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

  • Also Du sicherlich hast ein Container:

    HTML
    1. <video id="vid_frame">
    2. <source src="video.ogg" type="video/ogg" />
    3. <source src="video.mp4" type="video/mp4" />
    4. <!-- ... -->
    5. </video>


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

    HTML
    1. <video id="vid_frame">
    2. <source src="" type="video/ogg" />
    3. <source src="" type="video/mp4" />
    4. <source src="" type="video/webm" />
    5. <!-- m4v kenn ich nicht -->
    6. </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
    1. < ... onclick="updateSrc(1)"