Настройка видео в шапке сайта

голоса: 0

Добрый день!
Я вставил в шапку сайта видео.
Три вопроса

1. Можно ли убрать кнопки проигрывания плей, пауза чтобы их не было видно.
2. Можно ли сделать так чтобы видео вращалось по кругу.
3. Видео видео закачено на сервер юкоза. На компьютере видео видно а вот на телефоне например айфоне видео не видно.

Спасибо

Адрес сайта www.israelisrael.ru
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
  1. Можно. Ответ на вопрос дан в материале - здесь.
  2. Попробуйте к телу embed применить атрибут loop="true"
  3. И не будет так как мобильные устройства не поддерживают этот плеер и соответственно не отображается плеер с мобильных устройств.
| Автор:

Это видео плохо работает а точнее не работает не в хроме и не яндексе. Работает только в файрфоксе.
Подскажите пожалуйста как сделать тоже самое только чтобы работало.

Спасибо

Я прописал вот этот код который вы мне посоветовали по этой ссылке
https://webref.ru/html/video

Вот что получилось и вроде бы работает
  <video controls="controls" poster="video/duel.jpg" width="992" height="136" loop="loop" autoplay="autoplay">
   <source src="https://www.israelisrael.ru/1234.mp4" type="video/ogg; codecs=&quot;theora, vorbis&quot;">
   Элемент video не поддерживается вашим браузером.
   <a href="video/duel.mp4">Скачайте видео</a>.
  </video>

 

Но вот скрыть кнопки  управления плеером пока не смог. Подскажите как.

Спасибо

Bauercom,

Пропишите просто в стили:

video::-webkit-media-controls { display:none !important; }

это скроет панель управления плеером.

...