2016-07-14 2 views
0

나는 사용자 정의 갤러리에서 비디오를로드하기 위해 미리보기 이미지를 만들었으며 링크는 javascript를 사용하고 있습니다. 이 페이지에서 the first thumbnail을 클릭하면video from wordpress gallery

<img src="#" onclick="jwplayer().load({file:'http://christiantvonline.net/streams/HTVG_2.mp4'}); jwplayer().play();" /> 

당신은로드 비디오 시도을 본 후 죽을 것입니다.

누구나 이걸 도와 주시겠습니까? 아니면 더 좋은 방법 이니, 플레이어는 Jwplayer입니다.

답변

0

당신이 연결 한 페이지의 코드의 구조/무결성 문제의 번호, 특정 질문에 대한 그러나 대답은 다음과 같다가 있습니다

앵커 값 (#) 등을 제공 A 태그의 HREF 속성 (제안 된대로 IMG 태그를 사용하지 않으면!)이 페이지는 일반적으로 브라우저에 따라 처음으로 새로 고침됩니다.

event.preventDefault(); 

: 당신이 작업을 수행하기 위해 자바 스크립트를 사용하여 의도하고 기본 링크 조치가 발생하지 않도록하려면 결과

는, 당신은 당신의 자바 스크립트 명령의 일부로 중지해야 그래서 기본 코드가 같은 것을 보일 것이다 : 또는

<a href="#" onclick="event.preventDefault(); jwplayer().load({file:'http://christiantvonline.net/streams/HTVG_2.mp4'}); jwplayer().play();"> 
    <img src="url-to-image.jpg"> 
</a> 

을, 당신은 (당신이 제안했다했듯이 ) 이미지에 "온 클릭"속성을 추가하고 IMG를 감싸는 태그를 제거 할 수 있습니다.

cursor:pointer; 
: 이미지 요소 (안 태그)와에

귀하의 CSS는 이미 적용하고 롤오버 효과 그래서 당신은 간단한 필요성은이 링크처럼 보이게하려면 다음을 추가 할 수 있습니다