视频标签中的 YouTube URL

2024-01-05

我正在使用<video>标签,我想在其中使用 YouTube 中的任何 URL。

我有这个http://jsfiddle.net/wCrNw/ http://jsfiddle.net/wCrNw/但它不起作用。

我已经检查过这个将 Youtube 视频源显示到 HTML5 视频标签中? https://stackoverflow.com/questions/5157377/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>

MediaElement YouTube API 示例 https://web.archive.org/web/20140209082346/http://mediaelementjs.com/examples/?name=youtube

将 YouTube API 包装在 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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

视频标签中的 YouTube URL 的相关文章

随机推荐

  • Haskell 智能构造函数的编译时检查

    我正在学习 Haskell 通过讲座 http www cis upenn edu cis194 spring13 http www cis upenn edu cis194 spring13 我有 module HanoiDisk Han
  • 如果未输入文本,则保持按钮禁用

    我想实现这样的目标 我有 4 个文本字段和 1 个选择字段 这是提交表单所需的 我想保持按钮禁用 除非文本字段具有值并且从下拉列表中选择了一个选项 我的代码是here http jsfiddle net C2mRd 3 我遇到的问题是 每当
  • 获得一副牌中的牌的得分值的最佳方法是什么

    我想知道创建一副带有分数的纸牌或计算分数的最佳方法是什么 正如您将在下面看到的 我有一个计算类来处理卡片分数 检查卡片是什么并给它一个值并计算获胜者 我正在创建一个二十一点游戏 我已经随机生成了卡牌 但现在每张卡牌的分数都遇到了麻烦 我只是
  • 如何重新打开 OS X 中情节提要中创建的关闭窗口

    我的问题很重要 但答案似乎不适用于 Swift Storyboards Cocoa 用 X 关闭后以编程方式显示主窗口 https stackoverflow com questions 6201958 cocoa programmatic
  • 查找列中的 n 个最大值

    我试图找到 SQL Server 中特定列中的 n 个最大数字 我们可以轻松找到一列中的最大值和第二大值 但是我如何找到一列中的 5 个最大值呢 您为 MySQL 和 SQL Server 都标记了它 在 SQL Server 中您可以使用
  • Python,向目录字符串添加尾部斜杠,操作系统独立

    如何添加尾部斜杠 对于 nix 对于 win32 到目录字符串 如果尾部斜杠尚未存在 谢谢 os path join path 如果尾部斜杠尚不存在 则会添加尾部斜杠 你可以做os path join path or os path joi
  • 如何在代码中访问x:Name-property?

    我将 XAML 文件中的 x Name 分配给了一个可以触发 MouseDown 事件的对象 在这种情况下 我想再次获取发件人的 x name attribute 我怎么做 该对象看起来像这样
  • float 的访问说明符的行为不符合预期

    include
  • 即使经过 360 度后如何获得以度为单位的相对旋转

    如果我有一个旋转的圆 并且达到 360 度的两倍 我会得到 720 度 但是当我旋转到 360 或 720 时 结果会给我 0 度 但我需要相对度数 所以如果圆旋转到 360 度 结果应该是 360 度而不是 0 是否有公式或函数可以在经过
  • Google Slides API - 如何更改特定颜色的所有形状的文本颜色

    我有 11 个文件 每个文件有 140 多张幻灯片 并且没有一个形状与主题 母版相关联 我的目标是更改主字体 并用黑色文本替换所有红色文本 有很多红色文本 我成功更新了主字体 感谢https gist github com dsottima
  • Java - 在一个映射中交换值和键?

    我正在为我的编程课制作一个加密和解密程序 但是我比小组领先一年 所以我想我可以利用去年学到的东西来简化事情 我决定使用树状图 该程序的作用是接收一个文件 读取包含字母编码方式的加密数据的第一行 它的格式为 A gt B B gt C C g
  • Flash 不支持 URL 中的用户名/密码吗?我有什么选择?

    我一直在尝试从开头带有用户名 密码的 URL 加载一些 JSON 所以 URL 类似于 http 用户名 电子邮件受保护 api 配置文件 http username password www myaddress org uk api pr
  • 属性编辑器设计模式?

    Warning 这是超级深入的 我理解 如果你根本不想读这篇文章 这主要是为了我整理一下我的思维过程 好的 这就是我想做的 我有这些对象 当您单击一个 或选择多个 时 它应该在右侧显示它们的属性 如图所示 当您编辑所述属性时 它应该立即更新
  • subclipse:无法加载默认 SVN 客户端

    使用 eclispe 和 subclipse 插件时 我不断收到此错误 Unable to load default SVN Client 我已经安装了 SVNKit 和 JavaHL 提供程序 但在首选项中找不到它 我正在使用 eclip
  • Amazon SES 中的特殊字符

    我正在使用适用于 PHP 的 AWS 开发工具包 https github com aws aws sdk php https github com aws aws sdk php 使用 Amazon SES 发送电子邮件 这是代码
  • 我们如何使用 C++ Lib Function 或 Windows API 在一个会话中执行多个 cmd 命令?

    在 C 中运行 cmd 命令之前 我想设置一些临时环境变量 该变量会在命令行会话结束时被删除 例如在执行下面的cmd命令之前 我想设置P4PASSWD强制环境变量 sprintf s p4Command 500 C p4 exe print
  • 将切片作为函数参数传递,并修改原始切片

    我知道 Go 中的所有内容都是按值传递的 这意味着如果我给一个函数一个切片 并且该函数使用内置函数附加到该切片append函数 那么原始切片将不会具有附加到函数范围内的值 例如 nums int 1 2 3 func addToNumbs
  • Google 地图 API 2 MapView 未更新

    我在 Android 应用程序中显示 Google Maps API v2 MapView 但奇怪的是它没有以一致的方式正确更新 我正在使用 GPS 更新地图位置 尝试了 LocationManager 和 LocationClient 尽
  • 早期返回与嵌套正 if 语句

    这是一些假设的代码示例 if e KeyCode Keys Enter if this CurrentElement null return false if this CurrentElement this MasterElement r
  • 视频标签中的 YouTube URL

    我正在使用