canvas/apps/demo/src/plugin-demos/canvas-media.xml at 2b3f02edd2b58870dea56dcebb8cdefadeff63e2 · NativeScript/canvas · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:ui="@nativescript/canvas-media" xmlns:audio="@nativescript/canvas-media/audio" xmlns:video="@nativescript/canvas-media/video" navigatingTo="navigatingTo"
			class="page">
	<Page.actionBar>
		<ActionBar title="canvas-media" icon="" class="action-bar">
		</ActionBar>
	</Page.actionBar>
	<GridLayout rows="*,*" loaded="{{loaded}}">
		<video:Video id="video" playsinline="true" autoplay="true" loop="true" height="300">
			<ui:Source src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm"
								 type="video/webm"/>

			<ui:Source src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4"
								 type="video/mp4"/>
		</video:Video>

		<!-- <ui:Audio margin="0 10" controls="true" row="1" playsinline="true" height="300">
			<ui:source src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"
								 type="audio/mp3"/>
		</ui:Audio> -->
	</GridLayout>
</Page>