視頻標籤不支持YouTube視頻。我想YouTube和我視頻app.I蔚藍的媒體服務的鏈接都使用<video>標籤

Question

視頻標籤不支持YouTube視頻。我想YouTube和我視頻app.I蔚藍的媒體服務的鏈接都使用視頻標籤。當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或蔚藍媒體服務鏈接。 ams鏈接播放不錯，但youtube鏈接無法播放。我知道iframe標籤會有所幫助。但我需要使用iframe和視頻標籤。如果youtube視頻鏈接，然後使用iframe其他使用視頻鏈接。所以請你給一些方法來啓用它。

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