在视频圈中显示一张图片

时间:2019-03-14 15:08:56

标签: javascript aframe

我想在视频球中显示图像,但不显示图像。 这是我当前的代码,基于stackoverflow上的示例和A-Frame示例展示:

        <a-scene>
    <a-image src="assets/A.png" height:"100" position:"1 1 1" rotation:"0 90 0" scale:"1 1 1" visible:"true">
    </a-image>
    <a-videosphere rotation="0 0 0" src="#video" 
                         play-on-window-click
                         play-on-vrdisplayactivate-or-enter-vr>

    </a-videosphere>

          <a-camera user-height="0" wasd-controls-enabled="false" arrow-key-rotation>

            <a-entity id="msg" position="0 -0.3 -1.5" text="align:center; 
                    width:3;
                    wrapCount:100;
                    color:red;
                    value:Click window to make the video play, if needed."
                    hide-once-playing="#video">
            </a-entity>
          </a-camera>      

          <a-assets>
            <!-- Single source video. -->
            <video id="video" style="display:none" autoplay loop crossorigin="anonymous" playsinline webkit-playsinline>
              <source type="video/mp4" src="assets/360/promo.mp4" />
            </video>
          </a-assets>
        </a-scene>

一切正常,没有任何错误。当然,还包括AFRAME.registerComponent文件。它根本不显示我的图像。有谁能够帮助我?甚至可以在视频圈中显示图像吗?

1 个答案:

答案 0 :(得分:1)

如果您要使用this,则唯一的问题是在此处将“ ”替换为“ = ”:

height:"100" position:"1 1 1" rotation:"0 90 0" scale:"1 1 1" visible:"true"


HTML属性:

<a-entity attribute="data"></data>

属性:

<a-entity attribute="propertyOne: data; propertyTwo: data"></data>