0

我在带有 HTML5video播放器元素的 Safari 浏览器 (PC/MAC) 上遇到问题。

问题是播放的视频并不能反映视频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在 Safari 上是 649，在 Chrome 上是 979，很奇怪。所以我打算用它-webkit-transform scaleX()来解决这个问题。

4

1 回答 1

0

您在线收到 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-26T17:40:45.233 回答