使用jquery或CSS在网页上创建视频库 [英] Create a video gallery on a web page using jquery or CSS

问题描述

我想创建一个包含n个视频的页面。首先只显示视频缩略图然后点击它时视频将显示在带有上一个和下一个按钮的新页面上。

I want to create a page with n videos on it. First only thumbnail of video will show then when click on it video will show on new page with previous and next button..

<div class="videogallery">
     <iframe src="http://player.vimeo.com/video/28544156?api=1"> </iframe>
     <iframe src="http://player.vimeo.com/video/28544156?api=1"> </iframe>
     <iframe src="http://player.vimeo.com/video/28544156?api=1"> </iframe>
     <iframe src="http://player.vimeo.com/video/28544156?api=1"> </iframe>
 </div>

在此代码中，视频直接在播放器中播放。这看起来很奇怪。



请帮忙。谢谢！



我尝试了什么：



我是尝试使用jquery下一个和上一个按钮..

我正在使用上一个和下一个视频的链接..还有另一种方法吗？

In this code, videos are directly playing in the player. It look weird.

Please help. Thank you!

What I have tried:

I've tried using jquery for next and previous button..
I'm using the link of previous and next videos..Is there another way of doing this?

推荐答案

你的问题太模糊了，无法直接回答。你问是否可以制作类似某个网站的东西。嗯，当然有可能。 ;）



如果您想要其他网站，那么您可以使用浏览器的开发人员工具来了解他们如何做到这一点。



查看加载js文件的位置，看看是否有他们正在使用的特定库。



检查html元素，看看他们是使用图片或视频播放器还是div或其他什么。



做一些调查，你应该很好地了解他们是如何做到的。

Your question is too vague to answer directly. You ask if it is possible to make something like a certain website. Well, of course it is possible. ;)

If you want something just like another site then what you can do is use your browser's developer tools to get an idea for how they did that.

Look at where the js files get loaded in to see if there is a specific library they are using.

Inspect the html elements to see if they are using images or video players or divs or whatever.

Do some investigation and you should get a pretty good idea of how they do it.

这篇关于使用jquery或CSS在网页上创建视频库的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！