이미지 위에 비디오를 강제로 재생하려면 어떻게합니까?

Question

이미지 미리보기 이미지를 클릭 할 때 이미지 위로 비디오가 재생되도록 강제 실행하고 동시에 플레이어가있는 위치로 다시 스크롤하십시오.

내 문제와 컨텍스트 : 큰 사진 및 비디오 프로젝트를 진행 중이고이를 위해 (필자는 프로그래머가 아니므로 :) 사용자 정의 된 웹 TV를 제작하고 실행하기로 결정했습니다. Google Blogger 블로그

모든 것이 잘 작동하고 아름답게 보이지만 플레이어가 플레이하는 정확한 장소에서 맞춤형 플레이어 (실제로는 JPEG 이미지)를 가짜로 만들기로 결정했습니다.

플레이어는 정상적으로 작동하지만 이미지 (가짜 플레이어) 아래에서 재생 중이므로 플레이어의 소리는 들리지만 영상은 볼 수 없습니다. 플레이어에게이 이미지를 넘겨주는 방법을 알고 싶습니다. 여기

는 웹 TV의 링크입니다 : http://montreal-images-tv.blogspot.com/

내 두 번째 문제는 썸네일을 클릭하면, 사이트가 플레이어 영역을 볼 정상에 돌아가하도록되어 있다는 것입니다,하지만 작동하지 않습니다 아주 잘 ... :(내가 썸네일을 클릭하면 상단에 자동으로 스크롤 사이트를 강제로 어떻게

PS :!? 나는 이미 앵커와 href="#top"과 같은 코드를 시도하고 그것을하지 않았다 직장!

Answer 1

비디오 컨테이너에 z 값을 추가하려고 시도 했습니까? (이미지보다 높음). 이미지에 대한 Z 값은 1이고 비디오에 대한 Z 값은

#video { 
    z-value:2; 
} 

#image { 
    z-value:1; 
} 

2. 스크롤에 관해서는, 나는 그것이 정말 좋은 효과가 같은 작은 jQuery를 사용하려고 할 것입니다.

 $('.clickedClass').click(
      function(){ 
         $('html, body').animate({ 
           scrollTop: '0px' 
         }, 'slow'); 
     }); 

'clickedClass'클래스의 모든 요소를 ​​클릭하면 페이지 맨 위로 스크롤됩니다.

UPDATE : 여기에 스크롤을위한 jsfiddle의 : http://jsfiddle.net/CMQNT/