Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: html5 video player

очень плохо знаком с web технологиями.

возник вопрос.
на сервере имеется видео файл в HD качестве и размером больше 10ГБ
формат avi или mkv.
тяжело и возможно ли его воспроизвести в html5 video player-e?
Ответ: Axeleron,
спасибо. пока читал документацию. обратил внимание на flv формат, и это ввело меня в ступор.
Вопрос: HTML5 VIDEO, youtube и vimeo

Здравствуйте! Подскажите, есть ли какой плагин, который позволяет управлять видео html5 video, youtube и Vimeo? Т.е. не меняя структуру. Спасибо большое!
Ответ: для vimeo и youtube есть свое API.


вот, можете прочитать про youtube.
Вопрос: Html5 video

можно ли сделать в html5 в тэгах video, такую кнопочку как в youtube посередине видео, для воспроизведения и паузы?
Ответ:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
.video {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
 
.paused:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .7)
}
 
.paused:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 50px;
  border-color: transparent transparent transparent #fff;
  z-index: 2;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
HTML5
1
2
3
<div id="video-block" class="video paused"> 
  <video id="vid" src=""></video>  
</div>
Javascript
1
2
3
4
5
6
7
8
9
10
11
var videoBlock = document.getElementById('video-block'),
  vid = document.getElementById('vid');
videoBlock.addEventListener('click', function() {
  if (vid.paused) {
    vid.play();
    videoBlock.classList.remove('paused');
  } else {
    vid.pause();
    videoBlock.classList.add('paused');
  };
})
Вопрос: видео на веб странице, JQuery video events

Хочу вставить на страницу видео-ролик.

Что вы используете для отображения видео на странице?
Есть ли что-нибудь в JQuery для обработки событий html5 video? плагины какие-нибудь?
Ответ: ShSerge,

у меня нет проблем с самой вставкой: в html5 есть специальный тэг <video> куда и добавляются ссылки на видео

у меня проблема с обработкой <video> событий и работой со свойствами плейера.
вроде как получается, что события можно обработать через JQuery, а получить доступ к свойствам можно только через JS.
Поэтому я предположила, что, наверное, существуют плагины для обработки видео, и задала вопрос.
Вопрос: html5 video start и stop с определенного времени

Доброго времени суток. Никак не получается реализовать остановку видео в определенном момента. Проблема в плохом знании js и анг.(((

Что должно получиться. Есть видео длиной 15 секунд. Надо чтобы оно было зациклено с 5 по 10 секунды.

Вот то,что есть

PHP:

  1. <video id="vid1" width="320" height="240" autoplay loop>
  2.   <source src="movie.mp4" type="video/mp4" >
  3.   <source src="movie.ogg" type="video/ogg">
  4.   Your browser does not support the video tag.
  5. </video>
  6.  
  7. <script>
  8. document.getElementById('vid1').currentTime = 5;
  9. </script>  


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

Пытался реализовать остановку с помощью setTimeout


CODE (javascript):

  1. setTimeout(function() {
  2. document.getElementById('vid1').pause();
  3. }, 5000 );

Однако при таком раскладе нет зацикливания. Я так понимаю, что нужно думать в сторону playing position вот тут нашел кое-что , думаю это тоже понадобится (play, pause) и вот тут была аналогичная задача как раз отслеживанием позиции времени в данный момент. Спасибо заранее.

(Отредактировано автором: 08 Ноября, 2015 - 01:47:08)

Ответ:
Не за что.


-----
Болтовня ничего не стоит. Покажите мне код.
-Linus Torvalds
Вопрос: Почему не работает видео в HTML5?

Здравствуйте!
Я изучаю языки веб-разработки и столкнулся с проблемой отображения видео на своём сайте: звук есть, а видео нет.
Скажите пожалуйста, почему не отображается видео в браузере Google Chrome 44.0.2403.130 m.
Вот код:
Код HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Видео</title>   
</head>
<body>
     <video controls="controls">
        <source src="video/is.mp4"> 
     </video>
</body>
</html>
Помогите пожалуйста!!!
Заранее спасибо!!!
С ув. Павел.
Ответ: Всё, спасибо, я уже сам разобрался
Скачал программу Free HTML5 Video Player and Converter, провёл конвертацию видео, написал соответствующий код и всё заработало
Всем спасибо за желание помочь
С уважением, Павел.
Вопрос: HTML5 <video/> GoogleDrive

на гугл диске хранится видео


хочу ссылаться на него из тега video

здесь пишут что можно


Делаю так:

<video controls="controls">
    <source src="https://drive.google.com/uc?export=download&id=0B_rhnODss-RDajRMY0FxbzZZU28" type="video/mp4" />
</video>


не воспроизводится. ИЕ 11 пишет "ошибка", другие браузеры ничего не пишут

если файл сохранить на локальной машине, то воспроизводится

в чем может быть проблема, сталкивался кто?
Ответ:
Areostar
MSSQLAndDotNet,

Может Кросдомеин нужен!

может) но если видео в mp42 , то норм воспроизводится
вопрос в формате видео
Вопрос: Отобразить видео поток с веб камеры на странице html5

Всем добрый вечер.
В html5 не силен, поэтому просьба сильно не пинать.
Есть камера внутри домашней сети, в браузере набираю и смотрю видео.
Кроме камеры в сети есть https веб-сервер, на нем страница html5, пытался сделать как-то так:
<iframe src="http://192.168.1.2:80" width="91%" height="323" frameborder="1"> </iframe>

но не сработало. Как можно такое видео вывести на html страницу, поделитесь ссылкой или советом.
Спасибо.
Ответ:
<iframe src="http://192.168.1.3:80" width="91%" height="323" frameborder="1"> </iframe>

Так работает камера подключенная по интерфейсу CSI к Raspberry pi с пакетом
<img src="http://192.168.1.2:80/" alt="http://192.168.1.2:80/" class="shrinkToFit" width="380" height="285">

Так работает камера подключенная по интерфейсу CSI к Orange pi с пакетом
HTML5 страница может отображаться только в телеграм боте, либо внутри сети в браузере. Хочу сделать отображение страницы ботом не только внутри сети без проброса портов, если это возможно.
Вопрос: Запуск/остановка видео через тег video

Добавил видео на сайт через тег:
<video controls="controls" poster="/images/video/poster.jpg">
<source src="/images/video/track.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
</video>

<script>
$("video").prop("volume", 0.3);
</script>


Помогите со скриптом, чтобы видео можно было запускать и останавливать не только по клику на саму кнопку PLAY, но и по самому изображению.
Ответ: Quark_, элементарно
$("video").prop("volume", 0.3).click(function(){this[this.paused?"play":"pause"]()});
Вопрос: Как вставить iptv в тег “video” из HTML5 ?

Есть источник сигнала iptv :
Вставляю этот источник в “VLC media player” или “Windows Media Player” всё хорошо работает.
Вставляю этот источник в тег “video” из HTML5, плеер пишет ошибку “ИСТОЧНИК НЕ НАЙДЕН” :
<video width="320" height="240"
src="http://95.188.88.178:1234/udp/225.54.223.71:5000"
type="video/mp4"
autoplay="autoplay"
controls="controls">
</video>
Как сделать так чтобы источник сигнала от iptv отображал тег “video” из HTML5 ?
Или
На что нужно заменить цифры “95.188.88.178:1234” в адресе источника, чтобы компьютер пользователя который открыл эту страницу стал выполнять роль прокси-сервера и преобразовал протокол UDP в HTTP, который понимает тег “video” из HTML5 ?
Ответ: Я пытаюсь решить нечто подобное, не получается вставлять прямые ссылки с посторонних источников