Member 7864405 Ответов: 1

Создайте видеогалерею на веб-странице с помощью jquery или CSS

Я хочу создать страницу с n видео на ней. Сначала будет отображаться только миниатюра видео, а затем при нажатии на нее видео будет отображаться на новой странице с предыдущей и следующей кнопками..

<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 для следующей и предыдущей кнопок..
Я использую ссылку на предыдущее и следующее видео..Есть ли другой способ сделать это?

ZurdoDev

Вам нужно просто поместить изображения, которые при нажатии показывают видео, или использовать встроенный видеоплеер вместо того, чтобы просто связываться непосредственно с видео.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Идеальный.

Member 7864405

Если я использую изображения большого пальца, то как он откроется на новой странице? Нужно ли мне для этого немного jquery?

Member 7864405

Можно ли создать что - то подобное- http://vaniaheymann.com/
Мне нравится эта Видеогалерея. Заранее спасибо.

1 Ответов

Рейтинг:
2

ZurdoDev

Ваш вопрос слишком расплывчат, чтобы ответить прямо. Вы спрашиваете, можно ли сделать что-то вроде определенного сайта. Ну, конечно, это возможно. ;)

Если вы хотите что-то похожее на другой сайт, то все, что вы можете сделать, это использовать инструменты разработчика Вашего браузера, чтобы получить представление о том, как они это сделали.

Посмотрите, куда загружаются файлы js, чтобы увидеть, есть ли конкретная библиотека, которую они используют.

Проверьте html-элементы, чтобы увидеть, используют ли они изображения, видеоплееры, дивы или что-то еще.

Проведите небольшое расследование, и вы получите довольно хорошее представление о том, как они это делают.

Member 7864405

Окей. Спасибо за совет :)
Мой вопрос-если я использую изображения большого пальца, то как он откроется на новой странице? Нужно ли мне для этого немного jquery?
Я новичок в веб-разработке, поэтому спрашивал
Спасибо!

ZurdoDev

Да, вам нужно будет написать немного javascript. Jquery-это библиотека javascript, которая облегчает написание javascript.

Member 7864405

Можете ли вы сказать мне, как это сделать?
< img src=""/>
< img src=""/>
< img src=""/>
каким будет javascript для них?

ZurdoDev

Просто погуглите "javascript set src of image", и вы найдете массу примеров.

Member 7864405

Я сделал так, как ты сказал, и это сбивает с толку. Не могли бы вы показать мне демо-версию, как создать видеогалерею..если нет, то как открыть видео на новой странице при нажатии на его миниатюру. Я был бы очень признателен вам за помощь. Спасибо.

Member 7864405

Пожалуйста, помогите мне.- Я застрял здесь!Пожалуйста. Больше я вас не побеспокою.

ZurdoDev

Вы мне не мешаете, но я не буду делать за вас работу. Ты ничего не узнаешь, если я это сделаю. В интернете есть много демо-версий. У нас у всех есть своя работа, поэтому я с удовольствием отвечу на вопросы, но у меня нет времени делать эту работу за вас.