2011-01-29 2 views
3

У меня есть веб-сайт, и я хотел бы иметь свой собственный видеоплеер. Как я могу сделать свой собственный видеопроигрыватель, который может воспроизводить ссылки на YouTube. У кого-нибудь есть идея? .. .видеопроигрыватель на сайте

спасибо ..

+0

не с javascript. – yoda

ответ

6

только для вещей, сделать ясными:

1 - видео могут быть встроены в различные способы и различные форматы, такие как RealMedia, QuickTime, Windows Media! и Вспышка анимация.

2 - наиболее используемый и надежным является последним (Flash), который может играть FLV, MP4 & SWF файлы, наиболее используемые службы, как YouTube.

3 - JQuery и, следовательно, Javascript может использоваться только для создания и добавьте Flash Object для вас, иметь дело с swfobject обратных вызовов и параметров (falshvars).


Простой Реализация

DEMO:http://jsbin.com/ilafi4

<!DOCTYPE html> 
<html> 
    <head> 
     <title></title> 
     <script src="jquery.min.js"></script> 
     <script src="jquery.swfobject.js"></script> 
     <script src="jquery.jwplayer.js"></script 
    <script> 
    $(function() { 
    $('#player').jwPlayer({ 
     id: 'jwPlayer', 
     swf: 'player.swf', 
     file: 'http://www.youtube.com/watch?v=4FROxZ5i67k', 
     image: 'my_preview.jpg', 
     height: 180, 
     width: 240, 
     playerready: playerReady 
    }); 
    }); 
     </script> 
    </head> 
    <body> 
     <div id="player"></div> 
    </body> 
</html> 

Теперь, ИМХО мощный SWF Player я знаю, и использовать это JW FLV Player и есть также некоторые плагины, которые поддерживают его, как this OR this

Другие JQuery плагин с поддержкой YouTube являются:

0
<object 
    type="application/x-shockwave-flash" 
    data="[INSERT VIDEO URL FROM EMBED CODE PROVIDED HERE]" 
    width="400" 
    height="326"> 
    <param 
    name="movie" 
    value="[INSERT VIDEO URL FROM EMBED CODE PROVIDED HERE]" /> 
    <param 
    name="FlashVars" 
    value="playerMode=embedded" /> 
</object> 

Как найти на Sampletheweb.com через Google.

+0

как я могу создать файл .swf? ... некоторые идеи, пожалуйста! .. спасибо! ... – user595029

0

<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"> 
</iframe> 

ИЛИ ПЕРЕЙТИ К: YouTube Article

2

Создание видеоплеер с нуля будет иметь ваш первый выбор пути развития (Flash, Silverlight или HTML5), а затем собирается оттуда.Если вы не хотите учиться, есть много качественных игроков, которые уже были разработаны и имеют активные сообщества вокруг них. JW Player является один из них:

http://www.longtailvideo.com/players/jw-flv-player/

Даже игрок обрабатывались, вам все равно нужно кодировать видео, загрузить его, и делать всякие не так весело управление своими активами. Есть гораздо больше работы для самостоятельного хостинга видео, чем люди понимают. Это может быть полезным и хорошим, если есть определенная потребность в том, чтобы идти по этому маршруту, но часто придерживаться такой услуги, как Youtube или Vimeo, идеально. Вы можете сделать интересную часть (IE поделиться своим видео) без каких-либо затрат на разработку/управление.

Что касается воспроизведения видео на YouTube, вы должны просто вставлять свой плеер на свой сайт. Существует множество вариантов настройки. This article обсуждает некоторые из этих параметров и как это сделать.

+0

как я могу сделать .swf-файл ... любая идея? ... спасибо! – user595029

+0

Посмотрите на это сообщение для прочтения: http://stackoverflow.com/questions/1385169/best-ide-for-actionscript-3-coding –

2

Если вы хотите создать свой собственный флеш-плеер, то я предлагаю взглянуть на haxe. Это ИМО очень хороший язык (javascript, но со статической типизацией и вывода типа), который может выводить .swf-файлы в результате компиляции.

Существует также потоковый сервер, написанный на haxe, если вы хотите сами обслуживать или снимать видео с веб-камер (я использовал его давно, а IMO еще не готов к выпуску, может быть, теперь это лучше).

Самая большая проблема, с которой я сталкиваюсь с Haxe, - это, по-видимому, проект с участием одного человека, и эта вспышка идет не так хорошо, как популярность (и даже с тэгами холста и видео HTML5 это сложно ИМО, чтобы оправдать путь вспышки сегодня) ,

+0

спасибо вам большое! ... мне это очень помогает .. – user595029