<!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?
答案 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视频源。