Comments 35
И где же онлайн-демо?
В FF12 через флеш работает.
UFO just landed and posted this here
Кнопка fullscreen не работает, Ubuntu 12.04, Opera 11.62
Простите меня, неразумного, но зачем там jQuery? Это пишется на «гольном» html+JS+CSS.
P.S. F12. Никакого плеера не нашел: по ссылке просто картинка. При щелчке на ней играет видео во все окно браузера. Безо всяких «контролов».
Ubuntu 12.04. Chromium 18.0.1025.151 (Сборка для разработчиков). Just it work!
Хотелось бы все-таки узнать у автора, почему он запихал сюда точный перевод статьи, не потрудившись проверить, правдива ли содержащаяся в ней информация…
в Google Chrome 19.0.1084.46 все кнопки управления, во весь экран, громкость, перематывается куда надо, никаких задержек, все отлично работает
Mozilla Firefox 12.0 точно так же
Даже в IE 9 никаких проблем с этим проигрывателем нету
Так что поверьте, потрудился все проверить перед переводом
Mozilla Firefox 12.0 точно так же
Даже в IE 9 никаких проблем с этим проигрывателем нету
Так что поверьте, потрудился все проверить перед переводом
Вполне правдива.
Все платформы, ессно, не оттестируешь, но везде, где я проверял — работает. Даже без флеша, даже на html5:)
Все платформы, ессно, не оттестируешь, но везде, где я проверял — работает. Даже без флеша, даже на html5:)
На маках тоже работает? Определяет самостоятельно, какой код подключать?
А как прикрутить сие к смарти?
а какие форматы видео поддерживает?
Хороший пример, спасибо! Как раз начинаю в новом проекте с видео работать =)
А толку? В Chrome есть проблемы с aspect ratio. Для нормальной работы в браузерах не на движке WebKit нужно создавать еще копию в OGG формате. Пока HTML5 video далек от того, чтобы применять его в проектах. Максимум — видео для ипада.
Я правильно понял что MediaElement в новых браузерах будет показывать кино даже если флеш плагин не установлен?
Данный пример не показывает. Я вот выше побухтел-побухтел, а потом таки успокоился и вспомнил, что FF не поддерживает mp4.
Возможно, именно поэтому пример автора и не работает в огнелисе. А в хромом работает (но череззадницу flash).
В общем, все-таки, похоже на то, что если с умом подходить к форматам файлов (т.е. не какие-то идиотские форматы, не поддерживаемые браузерами, выкладывать, а theora или webM), то у всех этот плеер будет работать.
Возможно, именно поэтому пример автора и не работает в огнелисе. А в хромом работает (но через
В общем, все-таки, похоже на то, что если с умом подходить к форматам файлов (т.е. не какие-то идиотские форматы, не поддерживаемые браузерами, выкладывать, а theora или webM), то у всех этот плеер будет работать.
UFO just landed and posted this here
У меня в Opera 11.61, Safari 5.1.7, Chrome 19.0.1084.46 и FF 12.0 все прекрасно запустилось и работает, а вот с IE 9 интересное творится, в 32 разрядной версии не запускается, но в 64 разрядной все просто летает.
Ещё в пхп прикрутил следующий скрипт:
Теперь можно проверить авторизацию пользователя и выдать необходимое видео.
Ещё в пхп прикрутил следующий скрипт:
$file = 'cars.mp4';
$fp = @fopen($file, 'rb');
$size = filesize($file); // File size
$length = $size; // Content length
$start = 0; // Start byte
$end = $size - 1; // End byte
header('Content-type: video/mp4');
header("Accept-Ranges: 0-$length");
//header("Accept-Ranges: bytes");
if (isset($_SERVER['HTTP_RANGE'])) {
$c_start = $start;
$c_end = $end;
list(, $range) = explode('=', $_SERVER['HTTP_RANGE'], 2);
if (strpos($range, ',') !== false) {
header('HTTP/1.1 416 Requested Range Not Satisfiable');
header("Content-Range: bytes $start-$end/$size");
exit;
}
if ($range == '-') {
$c_start = $size - substr($range, 1);
}else{
$range = explode('-', $range);
$c_start = $range[0];
$c_end = (isset($range[1]) && is_numeric($range[1])) ? $range[1] : $size;
}
$c_end = ($c_end > $end) ? $end : $c_end;
if ($c_start > $c_end || $c_start > $size - 1 || $c_end >= $size) {
header('HTTP/1.1 416 Requested Range Not Satisfiable');
header("Content-Range: bytes $start-$end/$size");
exit;
}
$start = $c_start;
$end = $c_end;
$length = $end - $start + 1;
fseek($fp, $start);
header('HTTP/1.1 206 Partial Content');
}
header("Content-Range: bytes $start-$end/$size");
header("Content-Length: ".$length);
$buffer = 1024 * 8;
while(!feof($fp) && ($p = ftell($fp)) <= $end) {
if ($p + $buffer > $end) {
$buffer = $end - $p + 1;
}
set_time_limit(0);
echo fread($fp, $buffer);
flush();
}
fclose($fp);
exit();
Теперь можно проверить авторизацию пользователя и выдать необходимое видео.
Sign up to leave a comment.
Как создать видео-проигрыватель на JQuery, HTML5 и CSS3