视频标签中的 YouTube URL [英] YouTube URL in Video Tag
本文介绍了视频标签中的 YouTube URL的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用 <video>
标签,并且我想在其中使用来自 YouTube 的任何网址.
我有这个 http://jsfiddle.net/wCrNw/ 但它不起作用.>
我已经检查了这个 将 Youtube 视频源显示为 HTML5 视频标签? 但这并不能解决我的问题.
解决方案
MediaElement YouTube API 示例>
将 YouTube API 包装在 HTML5 媒体 API 包装器中,以便可以像真正的 HTML5
<video>
一样对其进行编程.
<script src=mediaelement-and-player.min.js"></script><link rel="样式表";href="mediaelementplayer.css";/><视频宽度=640"高度=360"id=玩家1"预加载=无"><源类型=视频/youtube"src=http://www.youtube.com/watch?v=nOEw9iiopwI"/></视频><脚本>var player = new MediaElementPlayer('#player1');
I am using the <video>
tag, and I want to use any URL from YouTube in it.
I have this http://jsfiddle.net/wCrNw/ but it's not working.
I have checked this Show Youtube video source into HTML5 video tag? but that is not solving my problem.
<video controls="controls"
class="video-stream"
x-webkit-airplay="allow"
data-youtube-id="N9oxmRT2YWw"
src="http://www.youtube.com/watch?v=OmxT8a9RWbE"
></video>
解决方案
MediaElement YouTube API example
Wraps the YouTube API in an HTML5 Media API wrapper, so that it can be programmed against as if it was true 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>
这篇关于视频标签中的 YouTube URL的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文