用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视频？

回答

相关问题