ASP.NET 4.0 YouTube видео

Мне поручено создать сайт ASP.NET 4.0 Web Forms для поддержки воспроизведения видео YouTube. Создадим его как сайт HTML5, но я пытаюсь пробиться через лабиринт видеоформатов / кодеков.

Я не хочу использовать плагины, и я хочу иметь кросс-браузерную поддержку:

  • IE9 / IE8 / IE7
  • Fire Fox
  • Хром
  • Сафари

Большая часть трафика будет IE. Для других браузеров подойдут последние версии.

Я ищу встраивать видео напрямую. На самом деле просто нужно знать, как обслуживать различные браузеры без использования плагинов (в том числе Google Frame).

Кто-нибудь может дать какое-нибудь руководство / направление?

ОБНОВИТЬ

В ответ на Стилгар, вероятно, не будет никакого преимущества для создания этого как HTML5

Источник

2 ответа

Решение

Если вам нужно только вставить видео с YouTube, вам не нужно заботиться о кодеках и поддержке браузера. Вам нужно только отобразить код YouTube для встраивания на вашу страницу, который является просто iframe. Пользователь может получить html, нажав "поделиться"> "embed" на YouTube, или вы можете сгенерировать его программно, когда пользователь вставляет URL-адрес в видео на YouTube. Код выглядит так:

<iframe width="560" height="315" src="http://www.youtube.com/embed/Kt82xgsm9N8" frameborder="0" allowfullscreen></iframe>

Если вы сделаете это, YouTube предоставит плеер для пользователя. Плеер будет основан на пользовательских настройках В YOUTUBE. Например, если пользователь выбрал HTML5-видео на YouTube, он получит проигрыватель HTML5 для своего браузера. Если пользователь выбрал Flash или использует более старый браузер, YouTube будет использовать Flash Player. Также некоторые видео (с рекламой) доступны только с Flash.

В основном, даже если вы хотите сделать что-то еще, вы не можете. Вот как работает Youtube, и вы хотите вставлять свои видео, а не обслуживать свои собственные. Однако я не понимаю, почему вы захотите чего-то отличного от того, что они предоставляют. Они делают все возможное, чтобы поддерживать каждый браузер наилучшим образом.

И только к сведению, видео тег поддерживается в последней версии всех браузеров и не поддерживается в IE8 и IE7. На данный момент важны два кодека (с 2 форматами): Safari H.264(mp4) и VP8 (webm) (включая Safari на iOS) и IE9+ (включая IE на Windows Phone), поддерживающие H.264 Chrome, Firefox и Opera support VP8. Если вы хотите поддерживать все браузеры с помощью тега video, вам необходимо предоставить обе кодировки и дважды кодировать видео. Если вы хотите поддерживать IE7 и IE8, ваш единственный вариант - это плагин (будь то Flash, Silverlight или просто старый плагин Media Player, который поставляется по умолчанию)

Источник

Я еще не использовал это сам, но я слышал некоторые хорошие вещи о jPlayer. Проверьте http://jplayer.org/.

Следует иметь в виду, что хотя многие браузеры поддерживают семантику HTML5, они не поддерживают одни и те же кодеки. Вам нужно будет закодировать видео в различные форматы, которые поддерживает каждый браузер. В Википедии есть пример на http://en.wikipedia.org/wiki/HTML5_video.

<video poster="movie.jpg" controls>
    <source src='movie.webm' type='video/webm; codecs="vp8.0, vorbis"'/>
    <source src='movie.ogv' type='video/ogg; codecs="theora, vorbis"'/>
    <source src='movie.mp4' type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
    <p>This is fallback content</p>
</video>
Источник
Другие вопросы по тегам