HTML5 Video Tag falsche Größe auf Chrome

Ich habe eine .mp4 Videodatei (mit meinem iPhone) und ich möchte es in einem HTML5-Video-Tag zeigen.HTML5 Video Tag falsche Größe auf Chrome

<video preload="auto" onclick="playpause(this);"> <source src= <%= encodeURI(post.get("videoFile").url()) %> type="video/mp4"> Your browser does not support the video tag, that is html5 </video>

Video spielt wie auf Safari und Firefox erwartet (nachdem es rotierende), aber seine Abmessungen auf Chrom (Version 52.0.2743.116 (64-Bit)) invertiert, während seine Ausrichtung korrekt ist.

video on chrome; blue box is where the video should be!

die Abmessungen für den Video-Tag Einstellung hat nicht funktioniert. Irgendwelche Ideen, wie das zu beheben ist? Vielen Dank im Voraus!

Quelle

2016-08-28 dpaid

Diese SO für mich gearbeitet Antwort: [CSS-Eigenschaft: Objekt-fit] (http://stackoverflow.com/a/34991048/6502874) – dpaid

Eigentlich sollte es funktionieren, indem man die Dimensionen gibt, weiß nicht, warum es seltsam in Google Chrome wirkt. Probieren Sie diese zwei Snippets aus, wenn es für Sie funktioniert. Und wenn möglich teilen Sie den Code bitte mit.

<!DOCTYPE html> 
<html> 
<body> 
<video id="myVideo" style="width:320px;height:240px;" onclick="playPause();" > 
    <source src="video.mp4" type="video/mp4"> 
     Your browser does not support the video tag. 
    </video> 

    <script> 
var myVideo=document.getElementById("myVideo"); 

function playPause() 
{ 
if (myVideo.paused) 
    myVideo.play(); 
else 
    myVideo.pause(); 
} 
</script> 
</body> 
</html> 

<!-- 1st snippet --> 
     <video style="width:320px;height:240px;" controls> 
      <source src= <%= encodeURI(post.get("videoFile").url()) %> type="video/mp4"> 
      Your browser does not support the video tag. 
     </video> 

<!-- 2nd snippet -->  
     <video width="320" height="240" controls> 
      <source src= <%= encodeURI(post.get("videoFile").url()) %> type="video/mp4"> 
      Your browser does not support the video tag. 
     </video>

Quelle

2016-08-28 19:21:36 Shaggy

hatte ich die Vorspannung zu halten = "auto" und die Onclick = "playPause();" und keiner der Schnipsel arbeitete für mich. Was scheint der Trick ist diese Antwort [Link] (http://stackoverflow.com/a/34991048/6502874) – dpaid

HTML5 Video Tag falsche Größe auf Chrome

Antwort

Verwandte Themen