iPod Touch 5G 上的 Video.js 海报框架太大答案

【问题标题】：Video.js poster frame too big on iPod Touch 5GiPod Touch 5G 上的 Video.js 海报框架太大
【发布时间】：2014-04-14 10:33:21
【问题描述】：

我在使用 RapidWeaver 构建的“响应式”网页上嵌入了一个视频，我的视频在桌面版 Safari 和 Firefox 上都可以正常播放。

但是在我的 iPod Touch 4G 上，海报图像没有缩小到足以看到播放箭头，我只看到了海报图像的左半边。反复点击后，视频播放，但初步印象不好看，使用不方便。

我曾经在旧版本的 JWPlayer 中遇到过这个问题，其中海报尺寸以像素 HxW 为单位指定，但该播放器的最新版本使用的脚本只是说海报图像宽度为 100%，现在海报图片非常适合 iPod Touch 屏幕的宽度。

【问题讨论】：

标签： video.js ipod-touch

【解决方案1】：

我正在建立一个 Drupal 网站，我在首页上有一段视频，但也遇到了同样的问题。这就是我修复它的方法：

@media (max-width: 320px) {
    .video-js {
    zoom: .7;
    margin-left: auto;
    margin-right: auto;
    }
}
@media (max-width: 460px) {
  .video-js {
    zoom: .73 !important;
    margin-left: auto;
    margin-right: auto;
  }
}

将.7 和.73 更改为使您的视频最适合反复试验的数字。

【讨论】：