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/

如何强制视频在图像上播放？

1 个答案: