0

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

我的问题和背景：我正在从事一个大型摄影和视频项目，为此我决定（尝试... :) 我不是程序员）完全在 Google Blogger 博客中构建和启动定制的网络电视.

一切正常，看起来很漂亮，但我决定在播放器播放的完全相同的地方伪造一个自定义播放器（实际上只是一个 JPEG 图像）。

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

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

我的第二个问题是，当点击缩略图时，网站应该回到顶部才能看到播放器区域，但效果不是很好！... :(

单击缩略图时，如何强制网站自动滚动到顶部？

PS：我已经尝试过类似href="#top"锚点的代码，但没有成功！

4

1 回答 1

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/

于 2013-06-27T21:07:20.307 回答