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

Question

我在wordpress中使用“jw player plugin”，我想为桌面和移动设备使用不同的预览图像。

我正在尝试将其添加为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
}

Answer 2

我通过短代码添加播放器，我可以使用此代码启动/停止视频点击，因为Java添加到wordpress：

jwplayer().onDisplayClick(function() { jwplayer().play(); });

有没有办法以相同的方式格式化上面的代码，因为我更容易将其设置为Java。