Youtube视频没有iframe,three.js,A-frame

时间:2016-09-12 09:22:16

标签: youtube youtube-api aframe webvr

是否可以在没有IFRAME和播放器的情况下播放YouTube视频?

我希望能够在视频纹理上播放视频。

你看到我在这里做过的表演:

http://dev3.garyconstable.co.uk/

这是将播放我自己的mp4的代码

<a-scene>
  <a-assets>
    <video id="video" autobuffer height="240" width="360" autoplay loop="true" crossorigin="anonymous" webkit-playsinline>
      <source src="media/videos_s_7.mp4">
    </video>
  </a-assets>
  <a-videosphere id="vid-sphere"  autopla="true"></a-videosphere>
</a-scene>

我希望能够播放来自youtube的视频。

JW播放器似乎可以播放youtube视频

https://support.jwplayer.com/customer/portal/articles/1406725-youtube-video-embed

是否有可能,我的选择是什么? youtube是否为其他功能提供任何付费服务?

1 个答案:

答案 0 :(得分:0)

最好忘了这个工作的任何球员。

注意:

JW Player uses the official iFrame player API from YouTube to play a video inside of JW Player. 

原因:

  • youtube.com不会在该服务器上接受跨域。

您将需要为Web应用添加服务器部分。我使用的是nodejs。

这是过程:


  ----> Use classic google , youtube APi login/search
  ----> Make search and collect search result data (Most important is `videoId` )
  ----> Save to your own server 
  ----> Call from web app your new route.

现在您可以做任何您想做的事。

直接演示链接: https://maximumroulette.com:3000

完整解决方案,位于: https://github.com/zlatnaspirala/vue-typescript-starter