Как вставить видео ролик в HTML ?

Вот пример кода с вставкой ролика, и основных тегов

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Видео</title>
 </head>
 <body>
  <video width="400" height="300" controls="controls" poster="video/duel.jpg">
   <source src="video/duel.ogv" type='video/ogg; codecs="theora, vorbis"'>
   <source src="video/duel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
   <source src="video/duel.webm" type='video/webm; codecs="vp8, vorbis"'>
   Тег video не поддерживается вашим браузером. 
   <a href="video/duel.mp4">Скачайте видео</a>.
  </video>
 </body>
</html>

Вот код самого плеера

  <video width="800" height="600" controls="controls" controlsList="nodownload" poster="http://mastermind.pp.ua/video/link/poster.jpg">
   <source src="http://mastermind.pp.ua/video/link/KRACAVITCA.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
  </video>

width="800" height="600" задают размеры видео-плеера poster="http://mastermind.pp.ua/video/link/poster.jpg" указывает на постер, так называемый
предпросмотр, содержимого видео
controlsList="nodownload" убирает кнопку скачать из раздела меню плеера

Пример видео плеера можно посмотреть на этой странице http://mastermind.pp.ua/video/link/andre.html

Если ваш сайт поддерживает HTML вы можете вставить код в нужном месте, если нет использовать внутренний функционал CMS, BBCode или др.

onelineplayer

Еще один онлайн плеер

https://onelineplayer.com/

Из плюсов

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

Из минусов

Он немного капризный
по протоколу http может писать Video Format Not Supported
по протоколу https должен работать

Пример https://mastermind.pp.ua/video/link/andre2.html

Проблема Video Format Not Supported

Решаеться открытием 443 порта на сервере с которого береться видео
Скрипт плеера пытается все грузить по https протоколу

::: Первый вариант сайта ::: Все для DataLife Engine ::: Генератор паролей :::

Основные разделы сайта
:: Android :: DLE :: Linux :: MARKDOWN :: PWM Шим генераторы :: Shell :: Windows :: Безопасность :: Веб Сервер :: Дизаин :: Еда :: Тесла :: HTML :: Посты :: Регулярные Выражения :: Софт :: Электроника :: Уфология ::

Карта сайта