用video.js顯示anamorphic mp4視頻？

我試圖從DVD上創建視頻剪輯，並在網頁上使用video.js播放它。用video.js顯示anamorphic mp4視頻？

DVD上的源材料在變形格式，即，它存儲有720×576個像素，但是指在1024×576

要顯示我已經創建使用手剎與mp4文件其'嚴格'的變形設置。儘管VLC媒體信息正確地報告了720×576個像素，但VLC正確地顯示結果文件，即寬度被拉伸到16：9。

當我嘗試使用下面的html代碼使用video.js查看它時，視頻未被拉伸 - 但假定爲方形像素。

谷歌搜索沒有透露太多，至少不是在變形材質的情況下。有些貼子建議將寬度更改爲「100％」或「自動」，或將視頻標籤放入具有定義尺寸的DIV中。

但是，結果總是相同的。玩家本身的尺寸會發生變化，但顯示的視頻仍然會在任何一側都會出現黑色條紋。

有沒有我沒有找到的選項，我忽略了一個編碼設置，還是一個CSS技巧，可以在播放器中延伸視頻的寬度？或者它根本不可能？

是的，我可以在編碼過程中將視頻縮放爲方形像素，但這似乎浪費了空間。

<html> 
    <head> 
     <script type="text/javascript"> 
       document.createElement('video');document.createElement('audio');document.createElement('track'); 
     </script> 
     <link href="file:///home/mike/videojs-demo/video-js.css" rel="stylesheet"> 
     <script src="file:///home/mike/videojs-demo/video.js"></script> 
     <title>video.js test</title> 
    </head> 
<body> 
    <video id="example_video" class="video-js vjs-default-skin" 
     controls 
     preload="auto" 
     width="1024" 
     height="576" 
     data-setup='{}'> 
     <source src="file:///home/mike/videojs-demo/test2.mp4" type='video/mp4' /> 
    </video> 
</body> 
</html>

來源

2014-03-12 karamike

設置視頻元素的寬度和高度屬性應該可以解決您的問題。但我看到你正在使用video.js並且只有一個mp4文件。如果，正如我懷疑的那樣，您正在查看Firefox中的頁面，該頁面在許多情況下不會播放mp4，它正在使用Flash後備，這可能無法爲您調整寬高比。

嘗試製作第二個source標記，其中包含webm編碼版本的視頻。這將允許Firefox本地播放視頻，而不是使用Flash，這應該可以解決問題，並且無論如何都會爲您帶來更好的性能。

來源

2014-03-12 13:52:30 brianchirls

用video.js顯示anamorphic mp4視頻？

回答

相關問題