Question

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

但是在我的iPod Touch 4G上，海报图像不够缩小，无法看到播放箭头，我只看到海报图像的左半部分。重复点击后，视频会播放，但最初的印象并不好看且使用起来不方便。

我以前在旧版本的JWPlayer中遇到此问题，其中海报大小以像素HxW指定，但该播放器的最新版本使用的脚本只是说海报图片宽度为100％，现在是海报图像非常适合iPod Touch屏幕的宽度。

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更改为任意数字，使您的视频最适合试用和错误。

Video.js海报框架在iPod Touch 5G上太大了

1 个答案: