Как корректно вставить видео вместо изображения в слайдер?

cng 20.01.2023 Все вопросы » Общие вопросы 676

вопрос

добрый день!
прошу помощи во вставке видео в слайдер.
(чтобы вместо изображения воспроизводилось видео)
вот кусочек кода слайдера из шаблона "good company"

<div id="slider-cnt">
	<div class="flexslider">
		<ul class="slides">
						<li style="background-image: url({THEME}/images/video.mp4);">
				<div class="cnt">
					<div class="s-1">заголовок</div>
					<div class="s-2">заголовок2</div>
                </div>
			</li>
		</ul>
	</div>
</div>

нужно добавить проигрыватель? куда именно?
подскажите, пожалуйста!

Ответа пока нет

1 комментарий

Эксперт

798

TeraMoune - 2022-04-3020 января 2023 19:38 - #81660

нужно добавить проигрыватель? куда именно?

Куда хотите туда и добавляйте.

Да и толку, что вам подскажут куда добавить ? Без программирования и скрипта который бы управлял воспроизведением и остановкой видео, магии не будет и красоты тоже. Разве, что просто поставить все видео на цикличность, замутить и установить автовоспроизведения. Но это не правильно и глупо, допускать чтобы в слайдере работали десятки видео одновременно.

Ну на вот, держи.


<div id="slider-cnt">
	<div class="flexslider">
		<ul class="slides">
			<li style="background-image: url({THEME}/images/background.jpg);">
				<div class="cnt">
					<video autoplay muted loop id="myVideo">
						<source src="{THEME}/images/video.mp4" type="video/mp4">
					</video>
					<div class="s-1">заголовок</div>
					<div class="s-2">заголовок2</div>
                </div>
			</li>
		</ul>
	</div>
</div>

Лучше ищи специальный скрипт слайдера с такими функциями.

Тестовый репозиторий установки плагинов: teramoune

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Вчера, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст