Safari 5浏览器上的html5视频播放器大小

我在Safari浏览器（PC/MAC）上遇到了HTML5 video播放器元素的问题。Safari 5浏览器上的html5视频播放器大小

问题是播放的视频没有反映出视频source的实际视频，也没有用width和height属性指定的大小。

这里是演示网址：

http://actisku.videohosting.fr/test.html

<video id="homepage_videoplayer" poster="http://actisku.videohosting.fr/medias/videos/v_actisku_visualproject_sephora_61.png" loop="loop" autoplay="autoplay" width="979" height="365"> 
    <source src="http://actisku.videohosting.fr/medias/videos/v_actisku_visualproject_sephora_61.mp4" type="video/mp4" /> 
    <source src="http://actisku.videohosting.fr/medias/videos/v_actisku_visualproject_sephora_61.ogv" type='video/ogg; codecs="theora, vorbis"' /> 
</video>

的mp4源文件是979x365。同样规格的球员video也是如此。但它应该以相同的大小阅读。

也许这是一个元数据问题，但我不知道如何编辑这个元数据。

编辑：

使用JavaScript，我可以看到视频width是649在Safari和979在Chrome，非常奇怪。所以我打算使用-webkit-transformscaleX()来解决这个问题。

来源

2012-10-26 Nico AD

你在网上得到一个JavaScript错误：39

vid.css("video","scaleX(1.5)");

我认为你正在尝试做的是

scaleX="1.5"

添加属性到<video>标签，是这样的？尝试手动添加它，看看如果这是你在找什么，所以你最终会得到这样的：

<video id="homepage_videoplayer" scaleX="1.5" poster="http://actisku.videohosting.fr/medias/videos/v_actisku_visualproject_sephora_61.png" loop="loop" autoplay="autoplay" width="979" height="365"> 
    <source src="http://actisku.videohosting.fr/medias/videos/v_actisku_visualproject_sephora_61.mp4" type="video/mp4" /> 
    <source src="http://actisku.videohosting.fr/medias/videos/v_actisku_visualproject_sephora_61.ogv" type='video/ogg; codecs="theora, vorbis"' />  
</video>

来源

2012-10-26 17:40:45 davehale23

的问题是，必须将scaleX只适用于野生动物园，在其他浏览我没有得到任何问题。 –

你只是想“让它适合”吗？如果是这样，请查看这个想法http://jsfiddle.net/MDppT/我在Safari和Chrome中测试它，并且它缩放以适应'DIV' – davehale23

davehale23的大小，我尝试了它，它在safari中工作，但不在iOS中的网页浏览。 – Chris

Safari 5浏览器上的html5视频播放器大小

回答

相关问题