javascript - 如何在 Jw 播放器中使用移动设备和桌面设备的不同预览图像

Question

我在 WordPress 中使用“jw 播放器插件”，我想为桌面和移动设备使用不同的预览图像。

我正在尝试将其添加为 JavaScript。但这段代码不起作用:

jwplayer.utils.isMobile()?"http://internetzengini.com/wp-content/uploads/2015/02/mobileimage.png":"http://internetzengini.com/wp-content/uploads/2015/02/desktopimage.png";

我怎样才能让这个工作像 JS 一样工作？

从现在开始感谢您的所有帮助。

Answer 1

做到这一点的最佳方法是为移动设备和桌面设备进行完全不同的设置。

if (navigator.userAgent.match(/iPad/i) != null || navigator.userAgent.match(/iPhone/i) != null || navigator.userAgent.match(/android/i) != null){
//SET UP PLAYER WITH ONE PREVIEW IMAGE HERE
} else {
//SET UP PLAYER WITH A DIFFERENT PREVIEW IMAGE HERE
}