0

我正在使用以下代码播放 html5 视频：-

<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" data-setup="{}">
    <source src="http://s3.amazonaws.com/o2media.videolibrary/348.mp4" type='video/mp4'>
</video>

当我在浏览器中播放时，它运行良好，但在 iPhone 或类似设备中无法播放。

如何调整这些视频的大小，以便它们能够在浏览器和其他设备上播放？

编辑

有什么方法可以在调用函数时使用 javascript 来调整窗口大小？

问候维沙尔

4

1 回答 1

0

如果要调整视频大小，有两种选择。如果您检测到您在 iPhone 上，第一个是简单地调整元素的宽度/高度参数<video>，第二个是调整元素的大小，但也选择更适合移动使用的比特率视频，而不是发送更高的比特率。

使用 UserAgent 检测（不太好）或 CSS 媒体查询（请参阅这篇文章 - http://www.quirksmode.org/blog/archives/2010/08/combining_media.html），您可以确定您拥有的窗口的大小，并且可以相应地更改您的代码。

调整窗口大小...大多数现代浏览器都会禁用此功能，除非它是您自己创建的窗口 -有关更多详细信息，请参阅The javascript "resizeTo" function not working in Chrome and Opera

于 2013-03-01T15:57:02.937 回答