如何使用 jPlayer 切换背景图像占位符

Question

我的网站上有一个页面使用 jPlayer 播放视频，很简单。但是，我的任务是用我们公司的徽标尽可能流畅地替换视频播放前出现的 white/blank 占位符。

我在 jQuery 中看到了 poster 属性，但无法使它看起来很整洁，播放器启动后框会调整大小。

任何见解都将不胜感激，即使是指向正确方向的指针

谢谢

Answer 1

所以你让它工作了，但它看起来不太好？您能否加载屏幕截图/提供代码示例？

下面是一个如何向 jPlayer 指定海报图像的示例：

$(this).jPlayer("setMedia", {
  title: "Big Buck Bunny Trailer",
  m4v: "http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v",
  ogv: "http://www.jplayer.org/video/ogv/Big_Buck_Bunny_Trailer.ogv",
  poster: "http://www.jplayer.org/video/poster/Big_Buck_Bunny_Trailer_480x270.png"
});

还要确保海报图片与视频的比例相同（例如 16:9）

如何使用 jPlayer 切换背景图像占位符

How to toggle a background image placeholder using jPlayer

javascript

jquery

jplayer