视频标签不支持 youtube 视频。我想在我的视频应用程序中同时使用 youtube 和 azure 媒体服务链接。我使用 <video> 标签

【问题标题】：video tag is not support youtube videos. I want both youtube and azure media service link in my video app.I use <video> tag视频标签不支持 youtube 视频。我想在我的视频应用程序中同时使用 youtube 和 azure 媒体服务链接。我使用 <video> 标签
【发布时间】：2017-03-03 09:01:23
【问题描述】：

视频标签不支持 youtube 视频。我想在我的视频应用程序中同时使用 youtube 和 azure 媒体服务链接。我使用视频标签。当 src 可能是 youtube 或 ams 链接时，我想播放这两种类型的视频。

<video width="280" height="240" controls="controls" type="video/mp4" preload="none">
   <source src="{{Model.modulelink}}" autostart="false">     
</video>

{{Model.modulelink}} 可能是 youtubelink 或 azure 媒体服务链接。 ams 链接播放良好，但 youtube 链接无法播放。我知道 iframe 标签会有所帮助。但我需要同时使用 iframe 和 video 标签。如果 youtube 视频链接则使用 iframe 否则使用视频链接。恳请您提供一些方法来启用它。

【问题讨论】：

标签： javascript html iframe ionic-framework youtube

【解决方案1】：

你可以使用

Media Element.js

实现这一目标。

包括：

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

然后添加：

type="video/youtube"

到您的源标签以播放 YouTube 视频

<video width="280" height="240" controls="controls" preload="none">
   <source type="video/youtube" src="{{Model.modulelink}}">     
</video>

【讨论】：

好像是添加jquery.js、mediaelement-and-player.min.js和mediaelementplayer.css。我从哪里得到的？？
你能建议吗，我可以在哪里找到文件@Ellery
这里我遇到了 Failed to load resource:mediaelement-and-player.min.js、mediaelementplayer.css 和 jquery.js 之类的错误
这些文件可以在Media Element.js找到，jQuery可以在jQuery找到
我找不到。如果您有这些文件，请给我。或指定获取该文件的根目录。