|
@@ -25,18 +25,18 @@ An A-Frame component and primitive for playing videos in AR. `<ar-video-player>`
|
25
|
25
|
|
26
|
26
|
```html
|
27
|
27
|
<ar-root>
|
28
|
|
- <ar-video-player src="#my-video">
|
29
|
|
- <!-- ... video controls ... -->
|
30
|
|
- </ar-video-player>
|
|
28
|
+ <ar-video-player src="#my-video">
|
|
29
|
+ <!-- ... video controls ... -->
|
|
30
|
+ </ar-video-player>
|
31
|
31
|
</ar-root>
|
32
|
32
|
|
33
|
33
|
<!-- ... -->
|
34
|
34
|
|
35
|
35
|
<a-assets>
|
36
|
|
- <video id="my-video" playsinline>
|
37
|
|
- <source src="assets/my-video.mp4" type="video/mp4" />
|
38
|
|
- <source src="assets/my-video.webm" type="video/webm" />
|
39
|
|
- </video>
|
|
36
|
+ <video id="my-video" playsinline>
|
|
37
|
+ <source src="assets/my-video.mp4" type="video/mp4" />
|
|
38
|
+ <source src="assets/my-video.webm" type="video/webm" />
|
|
39
|
+ </video>
|
40
|
40
|
</a-assets>
|
41
|
41
|
```
|
42
|
42
|
|
|
@@ -89,13 +89,13 @@ You may want to play different videos depending on the target that is being trac
|
89
|
89
|
|
90
|
90
|
```html
|
91
|
91
|
<ar-root>
|
92
|
|
- <ar-video-player width="2" height="1.125">
|
|
92
|
+ <ar-video-player width="2" height="1.125">
|
93
|
93
|
|
94
|
|
- <!-- Set different videos for different targets -->
|
95
|
|
- <ar-video-player-source reference-image="mage" src="#mage-video"></ar-video-player-source>
|
96
|
|
- <ar-video-player-source reference-image="cat" src="#cat-video"></ar-video-player-source>
|
|
94
|
+ <!-- Set different videos for different targets -->
|
|
95
|
+ <ar-video-player-source reference-image="mage" src="#mage-video"></ar-video-player-source>
|
|
96
|
+ <ar-video-player-source reference-image="cat" src="#cat-video"></ar-video-player-source>
|
97
|
97
|
|
98
|
|
- </ar-video-player>
|
|
98
|
+ </ar-video-player>
|
99
|
99
|
</ar-root>
|
100
|
100
|
```
|
101
|
101
|
|
|
@@ -129,7 +129,7 @@ These handlers can be added to `<ar-video-player>` itself or to any of its desce
|
129
|
129
|
ar-onvideopause="opacity: 0.5"
|
130
|
130
|
ar-onvideoended="opacity: 0.5"
|
131
|
131
|
>
|
132
|
|
- <!-- ... video controls ... -->
|
|
132
|
+ <!-- ... video controls ... -->
|
133
|
133
|
</ar-video-player>
|
134
|
134
|
```
|
135
|
135
|
|
|
@@ -175,7 +175,7 @@ Use double-underscores (`__`) to attach multiple handlers of the same type to a
|
175
|
175
|
ar-onvideoended__1="_target: #animated-character-1; visible: true"
|
176
|
176
|
ar-onvideoended__2="_target: #animated-character-2; visible: true"
|
177
|
177
|
>
|
178
|
|
- <!-- ... video controls ... -->
|
|
178
|
+ <!-- ... video controls ... -->
|
179
|
179
|
</ar-video-player>
|
180
|
180
|
|
181
|
181
|
<!-- ... -->
|