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

我在Safari浏览器（PC/MAC）上遇到了一个带有HTML5

video

player元素的问题

问题在于播放的视频不能反映视频

源
元素的真实视频，也不能反映使用
宽度
和
高度
属性指定的大小

以下是演示URL：




mp4
源文件是979x365。播放器
video
元素也是如此，它也被指定为相同的大小。但它应该以相同的大小读取

可能是元数据问题，但我不知道如何编辑此元数据

编辑：

使用JavaScript，我可以看到Safari上的视频
width
是649，Chrome上是979，非常奇怪。因此，我计划使用
-webkit transform
scaleX（）
来解决这个问题。
第39行出现javascript错误

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

我认为您要做的是添加属性

scaleX="1.5"

到
标签，是这样吗？尝试手动添加它，以查看这是否是您要查找的内容，因此您将得到以下结果：

<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>


问题是scaleX必须只适用于safari，在其他浏览器上我没有任何问题。你只是想“让它适合”吗？如果是这样的话，看看这个想法吧。我在Safari和Chrome中测试了它，它可以根据
DIV
davehale23的大小进行缩放。我试过了，它在Safari中有效，但在iOS的WebView中无效。
<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>