如何强制视频播放图片？

Question

单击图像缩略图时，如何强制视频在图像上播放，同时回滚到播放器的顶部？

我的问题和背景：我正在研究一个大的摄影和视频项目，为此我决定（尝试... :)我不是程序员）完全在内部构建并启动自定义的网络电视一个Google Blogger博客。

一切工作正常，看起来很漂亮，但我决定假冒一个自定义的球员（这实际上只是一个JPEG图像）在玩家正在玩的地方。

该播放器运行良好，但它在图像下方播放（假玩家），因此您会听到播放器发出的声音，但不会看到视频。我想知道如何强制我的玩家玩这个图像。

这里是网络电视的链接：http://montreal-images-tv.blogspot.com/

我的第二个问题是，点击缩略图时，该网站应该回到最上方看到播放器区域，但它不工作非常好... :(

我如何可以强制该网站点击缩略图时自动滚动到顶部

PS：！我已经尝试过类似的代码href="#top"与锚才没有工作！

Answer 1

您是否尝试将z值添加到视频容器？ （高于图像）例如。图像z值是1和视频Z值是2

#video { 
    z-value:2; 
} 

#image { 
    z-value:1; 
} 

至于滚动，我想尝试用一个小的jQuery，因为它有一个非常不错的效果。

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

与类“clickedClass”的任何元素，点击后，会滚动到页面的顶部。

更新：这是为滚动的jsfiddle：http://jsfiddle.net/CMQNT/