2015-02-04 6 views
1

"jw player plugin"을 워드 프레스에서 사용하고 있으며 데스크톱 및 모바일 장치에 다른 미리보기 이미지를 사용하고 싶습니다.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로 어떻게 만들 수 있습니까?

모든 도움을 주셔서 감사합니다.

답변

0

이 작업을 수행하는 가장 좋은 방법은 모바일 vs 데스크탑에서 완전히 다른 설정을하는 것입니다.

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 
} 
+0

나는 짧은 코드를 통해 플레이어를 추가하고 있으며,이 코드를 사용하여 WordPress에 추가 된 코드로 비디오를 시작/중지 할 수있었습니다. jwplayer(). onDisplayClick (function() {jwplayer().();}); Java로 설정하기가 더 쉽기 때문에 위의 코드를 같은 방법으로 포맷 할 수있는 방법이 있습니까? –

+0

없습니다. isMobile() 코드는 shorecode와 함께 사용할 수 없습니다. – emaxsaun

0

내가 단축 코드를 통해 플레이어를 추가 해요, 자바는 워드 프레스에 추가로 내가 시작 /이 코드를 사용하여 비디오 클릭에 중지 할 수 있었다 :

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

하는 포맷하는 방법은 없나요 위의 코드는 자바와 마찬가지로 설정하기가 쉽기 때문에 같은 방식으로 실행됩니다.

+0

없습니다. isMobile() 코드는 shorecode와 함께 사용할 수 없습니다. – emaxsaun