Youtube video load in a-frame

时间:2018-02-05 13:01:54

标签: html aframe

<!doctype html>
<html>
<head>
<title>multiple pseudo scenes</title>
<script src="//cdnjs.cloudflare.com/ajax/libs/aframe/0.5.0/aframe.js">
</script>
</head>
<body>
<a-scene>
<a-assets>
<video id="video-src" autoplay="false" src="https://www.youtube.com/watch?
 v=Uz12cLvkVYY"></video>
</a-assets>
<a-video id="video-screen" src="#video-src"  position="1.591 2.206 -11" 
width="30" height="13">
</a-video>
</a-scene>
</body>
</html>

This is my code. I want to load youtube video in a scene using a-frame. But it does not show anything. How to load a youtube video using a-frame?

1 个答案:

答案 0 :(得分:2)

如果您只是将YouTube广告管理系统网址拖放到<video>标记中,那将非常方便,但遗憾的是,它不是如何运作的。要在您的网页中嵌入YouTube视频,您需要按照YouTube API中的一种方法进行操作,该方法会以包含视频的页面中的iframe方式插入。

iframes can't be used inside a-frame

  

浏览器无法在WebGL中显示<iframe>。虽然可以在画布上叠加<iframe>,但<iframe>不会显示在VR中,也不能与场景集成。

在a-frame文档中,youtube是specifically mentioned

  

我可以将YouTube视频渲染为纹理吗?不会。您可以将YouTube视频代理为纹理或在本地下载以供服务,但这违反了他们的服务条款。

...这表明视频是可能的,但youtube不是(出于合法而非技术原因)。如果您需要这样做,则需要使用非YouTube视频源。