URL YouTube в теге видео

Я использую тег Video, и я хочу использовать любой URL из вашей трубки в нем

Отметьте http://jsfiddle.net/wCrNw/ Его действие не работает, пожалуйста, помогите мне

Я проверил это. Покажите источник видео Youtube в теге HTML5?. Это не решение моего вопроса

    <video controls="controls" 
           class="video-stream" 
           x-webkit-airplay="allow" 
           data-youtube-id="N9oxmRT2YWw"  
src="http://www.youtube.com/watch?v=OmxT8a9RWbE"
           ></video>

Ответы

Ответ 1

Пример API MediaElement YouTube

Обтекает API YouTube в оболочке HTML5 Media API, поэтому его можно запрограммировать так, как если бы он был истинным HTML5 <video>.

<script src="jquery.js"></script>
<script src="mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="mediaelementplayer.css" />

<video width="640" height="360" id="player1" preload="none">
    <source type="video/youtube" src="http://www.youtube.com/watch?v=nOEw9iiopwI" />
</video>

<script>
    var player = new MediaElementPlayer('#player1');
</script>

Ответ 2

Видеотег поддерживает только видеоформаты (например, mp4 и т.д.). Youtube не предоставляет свои необработанные видеофайлы - он предоставляет только уникальный идентификатор видео. Поскольку этот идентификатор не соответствует фактическому файлу, нельзя использовать тег видео.

Если вы попали в фактический исходный файл , используя один из сайтов загрузки или мягких товаров youtube, вы сможете использовать тег видео. Но даже тогда URL-адрес фактического источника перестанет работать после установленного времени. Таким образом, ваше видео также будет работать только до тех пор.

Ответ 3

Самый прямой ответ на этот вопрос: вы не можете.

Youtube не выводит свое видео в нужном формате, поэтому они не могут быть встроены в <video/>.

Есть несколько решений, размещенных с помощью javascript, но не верьте им, все они нуждаются в резервном копировании и не будут работать с перекрестным браузером.

Ответ 4

Это было бы легко сделать:

<iframe width="420" height="345"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
</iframe>

Это просто пример.

Ответ 6

Согласно сообщению в блоге YouTube от июня 2010 года, тег "видео" в настоящее время не отвечает всем потребностям веб-сайта, такого как YouTube " http://apiblog.youtube.com/2010/06/flash-and-html5-tag.html

Ответ 7

Следуйте этому примеру, например, надейтесь, что это соответствует вашим требованиям.

<object width="640" height="390">
  <param name="movie"
         value="https://www.youtube.com/v/atI4JKFQYoU"></param>
  <param name="allowScriptAccess" value="always"></param>
  <embed src="https://www.youtube.com/v/atI4JKFQYoU"
         type="application/x-shockwave-flash"
         allowscriptaccess="always"
         width="422" height="258"></embed>
</object>