Какой HTML5 видео плеер является лучшим?

[Yamaradg]

Здравствуйте!

На данный момент занимаюсь изучением тега <video> (html5) и всему, что с ним связано.

Пытаюсь разобраться, как всё это дело организовать наилучшим образом и столкнулся(по ходу дела) с определёнными трудностями:

Не удаётся найти адекватный(человеческий) плагин!

(Понимаю что на первый взгляд - это может звучать довольно странно.)

Перепробовал практически все варианты по следующим ссылкам:

http://www.dejurka.r...-video-players/

http://womtec.ru/201...-video-players/

+ 2 дополнительных варианта:

http://www.codoplayer.com/

http://uppod.ru/

Как правило во всех источниках(кроме последней ссылки) описания идут на инглише(в этом к сожалению пока не силен!)

Интересует плеер, который обладал бы следующими достоинствами:

1) Абсолютная кроссбраузерность, в плане интерфейса, для браузеров: Мozilla, Google Chrome, Opera, Safari. IE-7++

2) Поддержка форматов: mp4, ogv, webm, swf.

3) Автоматическая поддержка флеша для IE-7,8 + Safary!(в случае отсутствия Itunes!)

4) Желательно русский мануал! (хотя понимаю, что это почти нереально..)

5) Кроссбраузерная поддержка полноэкранного режима воспроизведения видео.(В Opera в некоторых плагинах с этим трудности..)

6) Плагин должен быть бесплатным(на неограниченный период!) + соответственно должен давать разрешение на применение его в коммерческих проектах и т.п.!

(в некоторых буржуйских вариантах бесплатные версии(Free) запрещают использование видеоплееров в коммерческих целях..)

7) Наличие всего необходимого рабочего кода в своём распоряжении с полной возможностью редактирования его в дальнейшем под свои потребности!

(На некоторых ресурсах, насколько я понял - это дело организовать не так уж просто..)

Вот такой вот перечень параметров мне необходим на данный момент.

Буду очень признателен, если кто подскажет - где можно будет найти именно такой видео плеер..

P.S. Интересуют конструктивные советы именно тех людей, которые уже юзали данные плагины и на своём опыте убедились в 100%-ом наличии необходимых мне параметров..

(Поскольку пробовать тестить наобум(тот или иной вариант) уже честно говоря желания просто нет! За последние пару дней протестил не мало вариантов и все бестолку..)

Edited May 8, 2013 by Yamaradg

[npofopr]

Плагин должен быть бесплатным(на неограниченный период!)

Не слишком ли много хотите, от бесплатного?

Наличие всего необходимого рабочего кода в своём распоряжении с полной возможностью редактирования его в дальнейшем под свои потребности!

Тогда уж сами и напишите.

http://uppod.ru/

почти по всем параметрам вам подходит, разве что, кроме двух цитируемых.

http://videojs.com - и вот этот вроде хорошо настраиваемый. Но тут мануалов вы не найдете на русском, обширных.

[Yamaradg]

Плагин должен быть бесплатным(на неограниченный период!)

Не слишком ли много хотите, от бесплатного?

Почему много? Как по мне норм. Тот же http://uppod.ru/help/specification/ вполне предоставляет такие возможности.. Читайте в самом конце страницы.

На буржуйских ресурсах бесплатный триал вообще длится, в некоторых случаях, 1 неделю и не более!

(Вполне естественно, что такой ход вещей меня никак не может устраивать.)

Наличие всего необходимого рабочего кода в своём распоряжении с полной возможностью редактирования его в дальнейшем под свои потребности!

Тогда уж сами и напишите.

Если бы я мог это реализовать - то тогда точно не занимался бы поисками плагинов.

http://uppod.ru/

почти по всем параметрам вам подходит, разве что, кроме двух цитируемых.

Дело в том, что я столкнулся с непониманием того, каким образом данный плагин осуществляет подключение нескольких видеоформатов + flash?

(С дальнейшей автоматической регулировкой форматов под соответствующие браузеры.)

Если вы сможите продемонстрировать данный пример - то буду вам только благодарен.

Я так понимаю, что в данную реализацию необходимо ещё(в том числе) и это дело http://uppod.ru/talk_4169 добавить для этого?

Если мне память не изменяет то подключать мне удавалось только 1 вариант видеоформата!

(по крайней мере флешь у меня там точно не заработал..)

http://videojs.com - и вот этот вроде хорошо настраиваемый. Но тут мануалов вы не найдете на русском, обширных.

В этом то и проблема! Лично мне там вообще - мало что понятно!

(я так понял, что примеры с реализациями там только с гитхаба тянуть надо?)

Edited May 8, 2013 by Yamaradg

[npofopr]

Дело в том, что я столкнулся с непониманием того, каким образом данный плагин осуществляет подключение нескольких видеоформатов + flash? (С дальнейшей автоматической регулировкой форматов под соответствующие браузеры.) Если вы сможите продемонстрировать данный пример - то буду вам только благодарен. Я так понимаю, что в данную реализацию необходимо ещё(в том числе) и это дело http://uppod.ru/talk_4169 добавить для этого? Если мне память не изменяет то подключать мне удавалось только 1 вариант видеоформата! (по крайней мере флешь у меня там точно не заработал..)

Все верно. На http://uppod.ru/talk_4169 все правильно, так он и подключается.

Разве у вас демо http://html5player.ru/ не во всех браузерах играет?

[Yamaradg]

Все верно. На http://uppod.ru/talk_4169 все правильно, так он и подключается.

Разве у вас демо http://html5player.ru/ не во всех браузерах играет?

Если открыть пример из первой ссылки в мазилле к примеру:

http://uppod.ru/samp...tect/index.html

То можно увидеть что вместо HTML5 video - почему то работает флешь!?

Во второй ссылке у меня все в норме работает - но опять же - это только на ссылке!

(Сам пример который предлагается скачать у меня с винта вообще не работает..)

P.S. Один из моих примеров неработающего JS кода:

(Фаербаг показывает ошибку на той строчке где тег <video> открывается..)

var ua = navigator.userAgent.toLowerCase();
var flashInstalled = false;
if (typeof(navigator.plugins)!="undefined"&&typeof(navigator.plugins["Shockwave Flash"])=="object"){
	 flashInstalled = true;
} else if (typeof window.ActiveXObject != "undefined") {
	 try {
		 if (new ActiveXObject("ShockwaveFlash.ShockwaveFlash")) {
		 flashInstalled = true;
		 }
	 } catch(e) {};
};
if(ua.indexOf("iphone") != -1 || ua.indexOf("ipad") != -1 || (ua.indexOf("android") != -1 && !flashInstalled)){
	 <video>
<source src="http://webmaster.ayrveda.ru/lessonCanvas2/html5/obratnaya_tyaga.ogv" />
<source src="http://webmaster.ayrveda.ru/lessonCanvas2/html5/obratnaya_tyaga.mp4" />
<source src="http://webmaster.ayrveda.ru/lessonCanvas2/html5/obratnaya_tyaga.webm" />
</video>
}else{
	 if(!flashInstalled){
		 document.getElementById("myplayer").innerHTML="<a href=http://www.adobe.com/go/getflashplayer>Требуется обновить Flash-плеер</a>";
	 }else{
		 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" id=0 align="middle" width=640 height=360>
<param name="movie" value="../sample/era_impera.swf" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<embed src="era_impera.swf" menu="false" quality="high" bgcolor="#FFFFFF" width=640 height=360 name="player" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
	 }
}

Edited May 8, 2013 by Yamaradg

[Yamaradg]

...

Edited July 11, 2013 by Yamaradg

[Yamaradg]

недавно решил ещё один плеер посмотреть:

http://www.longtailvideo.com

- но с подключением опять потерпел неудачу!

То есть мне непонятно(как и в случае с 'uppod' плеером) каким образом необходимо подключать видео, что бы это было кроссбраузерно?

У меня получается, что бы работал только какой то один формат:

(причём в данном случае .SWF вообще почему то не воспроизводится. Хотя по идее должен.)

http://webmaster.ayrveda.ru/jw_player/jwplayer/index.html

Вот пример, как я подключаю:

<script src="http://jwpsrv.com/library/o1znCOixEeKvrBIxOQulpA.js"></script>
<script type="text/javascript">
    jwplayer("myElement").setup({
        height:360,
        width:640,
   		 file: "./uploads/obratnaya_tyaga.mp4",
        file: "./uploads/obratnaya_tyaga.ogv",
        file: "./uploads/obratnaya_tyaga.webm"
		    });
</script>

В мазилле почему то подгружаеться формат '.webm'?

(По моей логике должен быть '.mp4', поскольку он первый.)

+ нереально сделать так, что бы видео(имея в наличии все необходимые форматы) заработало во всех браузерах!?

Может быть я что то неправильно делаю?

(В JS я особо не силён.)

Возможно нельзя прописывать 3 строчки 'file'?

(Если нет - то как тогда в таких случаях это дело правильно прописывать необходимо?)

Буду благодарен, если хоть кто нибудь - сможет дать ответ по данному вопросу..

[wwt]

Возможно нельзя прописывать 3 строчки 'file'? (Если нет - то как тогда в таких случаях это дело правильно прописывать необходимо?) Буду благодарен, если хоть кто нибудь - сможет дать ответ по данному вопросу..

именно. вы переопределяете значение свойства и в итоге остается последнее.

[Yamaradg]

Возможно нельзя прописывать 3 строчки 'file'? (Если нет - то как тогда в таких случаях это дело правильно прописывать необходимо?) Буду благодарен, если хоть кто нибудь - сможет дать ответ по данному вопросу..

именно. вы переопределяете значение свойства и в итоге остается последнее.

Понял. Спасибо!

А что же тогда делать в таком случае? )

(Надо же как то скормить несколько форматов для различных браузеров!?)

[wwt]

Понял. Спасибо! А что же тогда делать в таком случае? ) (Надо же как то скормить несколько форматов для различных браузеров!?)

ну тут 2 варианта, либо читать документацию по API этого плеера возможно у него есть такая возможность , если нет можно определтять браузер самому и подставлять адрес видео самостоятельно что-то типо:

<script src="http://jwpsrv.com/library/o1znCOixEeKvrBIxOQulpA.js"></script>
<script type="text/javascript">
var mp4 = "./uploads/obratnaya_tyaga.mp4";
var webm = "./uploads/obratnaya_tyaga.webm";
var ogv = "./uploads/obratnaya_tyaga.ogv";
var swf = "./uploads/obratnaya_tyaga.swf";

// далее самостоятельно либо средстави какогото фреймворка, к примеру jquery, определяем какой браузер
var video = swf;
if(тут условие под нужный браузер){
  video = mp4;
}else if(тут условие под нужный браузер){
  video = webm;
}else if(тут условие под нужный браузер){
  video = ogv;
}


	    jwplayer("myElement").setup({
			    height:360,
			    width:640,
				 file: video
					    });
</script>