Spaces:
Running
Running
Update index.html
Browse files- index.html +62 -17
index.html
CHANGED
|
@@ -1,19 +1,64 @@
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
<html>
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="utf-8">
|
| 5 |
+
<title>Video</title>
|
| 6 |
+
<meta name="description" content="Video - A-Frame">
|
| 7 |
+
<script src="../../../dist/aframe-master.js"></script>
|
| 8 |
+
<script src="../../js/play-on-click.js"></script>
|
| 9 |
+
<script src="../../js/hide-on-play.js"></script>
|
| 10 |
+
</head>
|
| 11 |
+
<body>
|
| 12 |
+
<a-scene>
|
| 13 |
+
<a-assets>
|
| 14 |
+
<video id="videoBunny" preload="auto"
|
| 15 |
+
src="https://cdn.aframe.io/videos/bunny.mp4"
|
| 16 |
+
width="160" height="90" autoplay loop="true"
|
| 17 |
+
crossOrigin="anonymous" muted></video>
|
| 18 |
+
<video id="videoFireworks" preload="auto"
|
| 19 |
+
src="https://cdn.aframe.io/videos/fireworks.mp4"
|
| 20 |
+
width="160" height="90" autoplay loop="true"
|
| 21 |
+
crossOrigin="anonymous" muted></video>
|
| 22 |
+
</a-assets>
|
| 23 |
+
|
| 24 |
+
<!--
|
| 25 |
+
SOURCE
|
| 26 |
+
Title: Big Buck Bunny
|
| 27 |
+
Author: Blender Institute
|
| 28 |
+
URL: https://peach.blender.org/
|
| 29 |
+
-->
|
| 30 |
+
<a-entity material="shader: flat; src: #videoBunny"
|
| 31 |
+
geometry="primitive: plane; width: 160; height: 90;"
|
| 32 |
+
position="0 60 -250"
|
| 33 |
+
rotation="0 35 0"
|
| 34 |
+
play-on-click
|
| 35 |
+
visible="false">
|
| 36 |
+
</a-entity>
|
| 37 |
+
|
| 38 |
+
<!--
|
| 39 |
+
SOURCE
|
| 40 |
+
Title: Fireworks
|
| 41 |
+
Author: Motion Digital
|
| 42 |
+
URL: https://www.videvo.net/profile/motiondigital/
|
| 43 |
+
-->
|
| 44 |
+
<a-entity material="shader: flat; src: #videoFireworks"
|
| 45 |
+
geometry="primitive: plane; width: 160; height: 90"
|
| 46 |
+
position="0 -60 -200"
|
| 47 |
+
rotation="0 -35 0"
|
| 48 |
+
play-on-click
|
| 49 |
+
visible="false">
|
| 50 |
+
</a-entity>
|
| 51 |
+
<a-camera>
|
| 52 |
+
<a-entity
|
| 53 |
+
position="0 0 -1.5"
|
| 54 |
+
text="align: center;
|
| 55 |
+
width: 6;
|
| 56 |
+
wrapCount: 100;
|
| 57 |
+
color: black;
|
| 58 |
+
value: Click or tap to start video"
|
| 59 |
+
hide-on-play="#videoFireworks">
|
| 60 |
+
</a-entity>
|
| 61 |
+
</a-camera>
|
| 62 |
+
</a-scene>
|
| 63 |
+
</body>
|
| 64 |
+
</html>
|