2014-06-09 3 views
0

iv 여기에서 HTML 5 라이트 박스를 다운로드하여 http://html5box.com/products.php 비디오를 표시하십시오. 나는 선수에게 만족하지만 플레이어가 'bg.jpg'그림을 클릭하는 대신 사이트에 입장 할 때 필요합니다.HTML5 라이트 박스 입력

주요 HTML 페이지 코드는 여기에 있습니다 :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>NBC Uni</title> 

<script type="text/javascript" src="html5lightbox/jquery.js"></script> 
<script type="text/javascript" src="html5lightbox/html5lightbox.js"></script> 


</head> 

<body> 
<div align="center"><a href="video.mp4" class="html5lightbox" data-width="720" data-height="404" ><img src="bg.jpg" width="1023" height="820" /></a></div> 
</body> 
</html> 

어떤 도움이 많이 감사합니다! 감사

답변

3

당신이 JQuery와 함께 IMG에 클릭을 시뮬레이션 할 수는 :

$(document).ready(function(){ 

    $("#imgvideo").click(); 

}); 

당신은이 일을해야 이미지

+0

이는 나보다 더 나은 대답이다. 그것은 당신이 하나의'a.html5lightbox'를 가지고있는 경우를 피할 수 있습니다. id는 – superUntitled

+0

처럼 처리했습니다. 둘 다 감사합니다! –

1

에 ID = "imgvideo"를 넣어해야합니다.

$(document).ready(function() { 
    $('.html5lightbox').trigger('click'); 
})