如何使用离子框架在Android上播放限制播放youtube视频

时间:2016-05-30 01:19:04

标签: android video youtube ionic-framework

我在 ion-content 标记

下面有以下代码来显示youtube视频
<div class="video-container">
      <iframe src="{{videoUrl}}" frameborder="0" width="560" height="315"></iframe>
</div>


.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

它在浏览器中工作正常,但是当我在Android设备上运行时,它只是说:

'restricted to play on certain websites watch it on youtube' 

并且它不允许我点击在youtube链接上观看它。

我使用 $ sce.trustedResource 使用可信网址。

我在google中搜索了一下,发现我们需要添加referrer但是如何在离子框架中添加referrer。

1 个答案:

答案 0 :(得分:4)

我做了一个彻底的研究,我发现没有直接的解决方案,因为视频受到所有者的保护,对于默认情况下不提供推荐数据的网站,Android没有&# 39;有。但我创建了一个嵌入了视频的页面,并将其上传到我的服务器,并在Android手机中播放。所以你可以查看here。因此,如果您将其上传到您的服务器,它肯定会在Android手机上播放。但是,如果您不想将其上传到服务器,那么此处唯一的解决方案是从此YouTube link下载视频,然后将其上传回您的YouTube频道,此时您不再需要重新启动嵌入新上传的视频而不是受限制的视频。