Question

我正在使用视频标记，我想使用你管中的任何网址

我已经检查了这一点。Show Youtube video source into HTML5 video tag?。这不是解决我的问题

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

Answer 1

MediaElement YouTube API example

在HTML5 Media API包装器中包装YouTube 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>

Answer 2

视频标签仅支持视频格式（如mp4等）。 Youtube 不会公开其原始视频文件 - 它只会公开视频的唯一ID。由于该ID与实际文件不对应，因此无法使用视频标记。

如果您使用其中一个YouTube下载站点或软件获取实际源文件，则可以使用视频标记。但即便如此，实际来源的网址将在一段时间后停止工作。所以你的视频也会一直有效。

Answer 3

这个问题最直接的答案是：你做不到。

Youtube没有以正确的格式输出他们的视频，因此他们无法嵌入到 <video/>元素。

使用javascript发布了一些解决方案，但不信任这些解决方案，它们都需要回退，并且无法跨浏览器工作。

Answer 4

这将为您提供所需的答案。最简单的方法是使用youTube提供的方法。 How to Embed Youtube Videos into HTML5 <video> Tag?

Answer 5

这很容易做到：

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

只是一个例子。

Answer 6

根据2010年6月的YouTube博文，“视频”标签“目前无法满足YouTube等网站的所有需求”http://apiblog.youtube.com/2010/06/flash-and-html5-tag.html

Answer 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>

Answer 8

试试这个解决方案以获得完美的工作

新的 YouTubeToHtml5();

视频标记中的YouTube网址

8 个答案:

MediaElement YouTube API example