Video: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
[[file:Video.jpg]]
[[file:Video.jpg]]


'''Description'''
== Description ==


The Video control is used to play a video. The video has to be in a specific format, best explained in http://www.diveintohtml5.com/video.html. Generally, H.264+AAC+MP4 will work.
The Video control is used to play a video. The video has to be in a specific format, best explained in http://www.diveintohtml5.com/video.html. Generally, H.264+AAC+MP4 will work.
Line 7: Line 7:
To add video to your app, choose the Video icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need. The video may not appear immediately: it needs time to load.
To add video to your app, choose the Video icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need. The video may not appear immediately: it needs time to load.


'''Properties'''
== Properties ==


Standard [[properties and methods|properties]] are supported, plus:
Standard [[properties and methods|properties]] are supported, plus:
Line 23: Line 23:
|}
|}


'''Methods'''
== Methods ==
 
{| class="wikitable"
{| class="wikitable"
|-
|-
Line 31: Line 32:
|}
|}


'''Example'''
== Example ==


<pre>
<pre>
REM Video Example
Rem Video Example
Function PlayButton_onclick()
Function PlayButton_onclick()
   Video1.play()
   Video1.play()
Line 40: Line 41:
</pre>
</pre>


'''Output'''
== Output ==


<pre>
<pre>
(video plays. Appearance will depend on the device. May take over the full screen.)
(video plays. Appearance will depend on the device. May take over the full screen.)
</pre>
</pre>
[[Category:Language Reference]]

Revision as of 16:58, 17 August 2012

Description

The Video control is used to play a video. The video has to be in a specific format, best explained in http://www.diveintohtml5.com/video.html. Generally, H.264+AAC+MP4 will work.

To add video to your app, choose the Video icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need. The video may not appear immediately: it needs time to load.

Properties

Standard properties are supported, plus:

autoplay Video will start playing as soon as ready.
controls Controls will be displayed, such as a Play.
loop Video will start over again when finished.
preload Video should be loaded when the page loads. Ignored if autoplay is present.
src The name of the file. For example, http://www.nsbasic.com/videotest.mp4. It should be in the project folder or on a web site.

Methods

pause() Pause playing the video
play() Start playing the video

Example

Rem Video Example
Function PlayButton_onclick()
  Video1.play()
End Function

Output

(video plays. Appearance will depend on the device. May take over the full screen.)