iPod Touch 5G上的Video.js海报边框太大

Question

我在用RapidWeaver构建的“响应式”网页上嵌入了一段视频，我的视频在桌面Safari和火狐浏览器上都播放得很好。

但是在我的iPod Touch4G上，海报图像并没有缩小到可以看到播放箭头的程度，我只看到了海报图像的左半部分。反复点击后，视频播放，但初始印象不佳，使用不便。

我曾经在老版本的JWPlayer上遇到过这个问题，海报大小是以像素HxW为单位指定的，但最新版本的播放器使用的脚本只显示海报图像宽度为100%，现在海报图像正好适合iPod触摸屏的宽度。

Answer 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更改为使您的视频最适合试错法的任何数字。