Video-Tags, die nicht auf der Seite angezeigt werden

Ich habe Probleme, meine Video-Tags auf der Seite anzuzeigen.Video-Tags, die nicht auf der Seite angezeigt werden

Ich weiß, dass ich sie richtig referenziert habe, denn wenn ich zu localhost gehe: 5000/vid/clip1.mp4 (Live-Link: http://blue-goji.herokuapp.com/vid/clip1.mp4) zeigt es Videosteuerungen aber es wird nichts spielen.

Kann mir jemand sagen, was hier vor sich geht?

relevanter HTML:

<div class='container' id='video-grid'> 
    <div class='wrapper'> 
     <video class='grid-vid' src='vid/clip1.mp4'>Not Supported</video> 
    </div> <!-- wrapper --> 
    <div class='wrapper'> 
     <video class='grid-vid' src='vid/clip2.mp4'>Not Supported</video> 
    </div> <!-- wrapper --> 
    <div class='wrapper'> 
     <video class='grid-vid' src='vid/clip2.mp4'>Not Supported</video> 
    </div> <!-- wrapper --> 
    <div class='wrapper'> 
     <video class='grid-vid' src='vid/clip3.mp4'>Not Supported</video> 
    </div> <!-- wrapper --> 
    <div class='wrapper'> 
     <video class='grid-vid' src='vid/clip4.mp4'>Not Supported</video> 
    </div> <!-- wrapper --> 
    <div class='wrapper'> 
     <video class='grid-vid' src='vid/clip4.mp4'>Not Supported</video> 
    </div> <!-- wrapper --> 
</div> <!-- container -->

Live-Link: http://blue-goji.herokuapp.com/

Quelle

2016-04-21 Casey

Ich ging zum Live-Link und konnte die Video-Tags im DOM sehen. – metarmask

Sorry vielleicht wollte ich nicht auf der Seite erscheinen. Wenn ich den leeren weißen Bereich unter der Navigationsleiste überprüfe, kann ich die Video-Tags sehen, die in der Quelle/dem DOM angezeigt werden. aber sie erscheinen nicht auf der Seite ... es gibt nur einen großen weißen Raum, wo sie hingehen sollten. – Casey

Ich ging in den Inspektor und ersetzt das src-Attribut mit einem Video-Link von einer externen Website und das Element wurde sichtbar, scheint das Problem mit dem Server oder dem Video zu sein. – metarmask

Das Videoelement auf der Seite zeigt nach oben, fügt er sich nur mit dem Hintergrund in, weil es die gleiche Farbe. Es liegt ein Problem mit der Videodatei oder dem Server vor, der sie hostet.

Um es deutlicher für den Benutzer, dass es zusätzliche Inhalte sein wird, während das Video noch geladen wird, oder es ist ein Fehler, wie in diesem Fall, dass Sie einen anderen Hintergrund, um das Video-Element hinzufügen:

video { 
    background: gray; 
}

Quelle

2016-04-21 17:44:19 metarmask

Video-Tags, die nicht auf der Seite angezeigt werden

Antwort

Verwandte Themen