docs.kodular.io
Open in
urlscan Pro
2606:50c0:8000::153
Public Scan
URL:
https://docs.kodular.io/components/media/video-picker/
Submission: On January 09 via api from AE — Scanned from NL
Submission: On January 09 via api from AE — Scanned from NL
Form analysis 3 forms found in the DOM
<form class="md-header__option" data-md-component="palette">
<input class="md-option" data-md-color-media="" data-md-color-scheme="default" data-md-color-primary="white" data-md-color-accent="pink" aria-label="Switch to dark mode" type="radio" name="__palette" id="__palette_1">
<label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0-7 2.39 3.42C13.65 5.15 12.84 5 12 5c-.84 0-1.65.15-2.39.42L12 2M3.34 7l4.16-.35A7.2 7.2 0 0 0 5.94 8.5c-.44.74-.69 1.5-.83 2.29L3.34 7m.02 10 1.76-3.77a7.131 7.131 0 0 0 2.38 4.14L3.36 17M20.65 7l-1.77 3.79a7.023 7.023 0 0 0-2.38-4.15l4.15.36m-.01 10-4.14.36c.59-.51 1.12-1.14 1.54-1.86.42-.73.69-1.5.83-2.29L20.64 17M12 22l-2.41-3.44c.74.27 1.55.44 2.41.44.82 0 1.63-.17 2.37-.44L12 22z">
</path>
</svg>
</label>
<input class="md-option" data-md-color-media="" data-md-color-scheme="slate" data-md-color-primary="black" data-md-color-accent="pink" aria-label="Switch to light mode" type="radio" name="__palette" id="__palette_2">
<label class="md-header__button md-icon" title="Switch to light mode" for="__palette_1" hidden="">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="m17.75 4.09-2.53 1.94.91 3.06-2.63-1.81-2.63 1.81.91-3.06-2.53-1.94L12.44 4l1.06-3 1.06 3 3.19.09m3.5 6.91-1.64 1.25.59 1.98-1.7-1.17-1.7 1.17.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95 2.06.05m-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14.4-.4.82-.76 1.27-1.08.75-.53 1.93.36 1.85 1.19-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82-2.81 3.14-2.7 7.96.31 10.98 3.02 3.01 7.84 3.12 10.98.31z">
</path>
</svg>
</label>
</form>Name: search —
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required="">
<label class="md-search__icon md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12z"></path>
</svg>
</label>
<nav class="md-search__options" aria-label="Search">
<a href="javascript:void(0)" class="md-search__icon md-icon" aria-label="Share" data-clipboard="" data-clipboard-text="" data-md-component="search-share" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7 0-.24-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.15c-.05.21-.08.43-.08.66 0 1.61 1.31 2.91 2.92 2.91 1.61 0 2.92-1.3 2.92-2.91A2.92 2.92 0 0 0 18 16.08z"></path></svg>
</a>
<button type="reset" class="md-search__icon md-icon" aria-label="Clear" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"></path>
</svg>
</button>
</nav>
<div class="md-search__suggest" data-md-component="search-suggest"></div>
</form>Name: consent —
<form class="md-consent__form md-grid md-typeset" name="consent">
<h4></h4>
<p></p>
<input type="checkbox" class="md-toggle" id="__settings">
<div class="md-consent__settings">
<ul class="task-list">
<li class="task-list-item">
<label class="task-list-control">
<input type="checkbox" name="analytics" checked="">
<span class="task-list-indicator"></span> Google Analytics <label>
</label></label>
</li>
</ul>
</div>
<div class="md-consent__controls">
<label class="md-button" for="__settings">Manage settings</label>
<button class="md-button md-button--primary">Accept</button>
</div>
</form>Text Content
Skip to content
Kodular Docs
Video Picker
Type to start searching
Kodular Docs
* 1.5.0-Fenix
* 56
* 87
* Home
* Guides
* Components
* Blocks
* Support
Your new development career awaits. Check out the latest listings. ads via
Carbon
Kodular Docs
Kodular Docs
* 1.5.0-Fenix
* 56
* 87
* Home
Home
* Pricing
* Release Notes
Release Notes
* Andromeda
* Butterfly
* Chamaeleon
* Draco
* Eagle
* Fenix
* Terms of Service
* Guides
Guides
* Hello World
* Backpack
* Concept Cards
* Live Development
Live Development
* Via WiFi
* Via USB
* Component Guides
Component Guides
* Using Dynamic Cards
* Staged App Updates
* Firebase Rules
* Securing Firebase
* Targeting Notifications
* Surveys with Pollfish
* Extensions
Extensions
* Create Extensions
* Kodular Methods
* Keyboard Shortcuts
* Monetization
* Components
Components
* Screen
* User Interface
User Interface
* Button
* Checkbox
* Circular Progress
* Custom Progress
* Date Picker
* Floating Action Button
* Image
* Label
* Linear Progressbar
* List Picker
* Notifier
* Radio Button
* Rating Bar
* Slider
* Snackbar
* Spinner
* Spotlight
* State Progress Bar
* Switch
* Text Box
* Time Picker
* Layout
Layout
* General
General
* Card View
* Grid View
* Horizontal Arrangement
* Horizontal Scroll Arrangement
* Space
* Swipe Refresh Layout
* Table Arrangement
* Vertical Arrangement
* Vertical Scroll Arrangement
* Lists
Lists
* List View
* List View Image and Text
* Views
Views
* Bottom Sheet
* Chat View
* Gallery Viewer
* Surface View
* View Flipper
* Web Viewer
* Navigation
Navigation
* Bottom Navigation
* Side Menu Layout
* Tab Layout
* View Pager
* Media
Media
* Audio Picker
* Camcorder
* Camera
* Image Picker
* Metadata
* OCR
* Player
* QR Code
* Sound
* Sound Recorder
* Speech Recognizer
* Text To Speech
* Video Picker Video Picker
Table of contents
* Overview
* Events
* After Picking
* Before Picking
* Got Focus
* Lost Focus
* Touch Down
* Touch Up
* Methods
* Button Click
* Open
* Set Animation Style
* Set Shadow
* With Icon From Font Awesome
* With Icon From Material Font
* With Icon From Picture
* Properties
* Background Color
* Border Shadow
* Enabled
* Font Bold
* Font Italic
* Font Size
* Font Typeface
* Font Typeface Import
* Height
* Height Percent
* HTML Format
* Image
* Rotation Angle
* Selection
* Shape
* Show Feedback
* Text
* Text Alignment
* Text Color
* Touch Color
* Visible
* Width
* Width Percent
* Video Player
* Yandex Translate
* Drawing and Animation
Drawing and Animation
* Ball
* Canvas
* Image Editor
* Image Sprite
* Lottie
* Maps
Maps
* Circle
* Feature Collection
* Line String
* Map
* Marker
* Navigation
* Polygon
* Rectangle
* Sensors
Sensors
* Accelerometer Sensor
* Barcode Scanner
* Clock
* Fingerprint
* Gravity Sensor
* Gyroscope Sensor
* Hygrometer
* Light Sensor
* Location Sensor
* Magnetic Field Sensor
* Near Field
* Orientation Sensor
* Pedometer
* Pressure Sensor
* Proximity Sensor
* Sound Sensor
* Temperature Sensor
* Social
Social
* Contact Picker
* Email Picker
* Phone Call
* Phone Number Picker
* Push Notifications
* Sharing
* Texting
* Twitter
* Storage
Storage
* Cloudinary
* File
* Spreadsheet
* SQLite
* Tiny DB
* Tiny Web DB
* Utilities
Utilities
* Animation Utilities
* Audio
* Battery Utilities
* Color Utilities
* Cryptography
* Decoration
* Device Utilities
* Image Utilities
* Keyguard Manager
* Package Utilities
* Resource Utilities
* Screenshot
* Shell
* Wallpaper
* Dynamic Components
Dynamic Components
* Dynamic Button
* Dynamic Card View
* Dynamic Image
* Dynamic Label
* Dynamic Space
* Dynamic Text Box
* Connectivity
Connectivity
* Activity Starter
* Arduino
* Bluetooth Admin
* Bluetooth Client
* Bluetooth Server
* Download
* FTP
* Network
* Web
* WiFi
* Google
Google
* Firebase Authentication
* Firebase Database
* Firebase Remote Config
* Firebase Storage
* Google Account Picker
* Google Maps
* Google Play Games
* Google reCaptcha
* Youtube Player
* Monetization
Monetization
* General
General
* In App Billing
* Kodular Donations
* Pollfish
* Advertising
Advertising
* Banner Ad
* Interstitial Ad
* Rewarded Ad
* AdColony Interstitial
* AdMob Banner
* AdMob Interstitial
* AdMob Rewarded Video
* Amazon Banner
* Amazon Interstitial
* AppLovin Interstitial
* Facebook Banner
* Facebook Interstitial
* Facebook Rewarded Video
* LeadBolt
* StartApp Banner
* StartApp Interstitial
* Unity Ads Banner
* Unity Ads Interstitial
* LEGO® MINDSTORMS®
LEGO® MINDSTORMS®
* EV3
EV3
* EV3 Color Sensor
* EV3 Commands
* EV3 Gyro Sensor
* EV3 Motors
* EV3 Sound
* EV3 Touch Sensor
* EV3 UI
* EV3 Ultrasonic Sensor
* NXT
NXT
* NXT Color Sensor
* NXT Direct Commands
* NXT Drive
* NXT Light Sensor
* NXT Sound Sensor
* NXT Touch Sensor
* NXT Ultrasonic Sensor
* Experimental
Experimental
* CloudDB
* Custom Tabs
* ExoPlayer
* In-App Update
* Notification
* Shortcut Badge
* Blocks
Blocks
* Control
* Logic
* Math
* Text
* Lists
* Dictionaries
* Colors
* Variables
* Procedures
* Any Component
* Support
Support
* Account
Account
* How to login into Kodular?
* I cannot use my 2FA codes, what can I do?
* Delete my Kodular Account
* How to remove a credit/debit card from my account?
* How can I change my payment method?
* Billing
Billing
* Branding Removal
* Commission Removal
* Companion Ads Removal
* Renewing a subscription
* Cancelling a subscription
* Proration
* Payment failed
* Google Ad Manager
Google Ad Manager
* What is Google Ad Manager?
* How do I get started with Google Ad Manager components?
* How can I configure my app-ads.txt file?
* How do I ensure GDPR compliance when using Google Ad Manager?
* How do I request a payout?
* Why am I unable to withdraw my ad revenue?
* Monetization
Monetization
* How can I show ads in my app?
* Monetization guidelines
* My app has been approved, but still the ads are not showing
* I have the app on the Google Play Store. Does my app require approva
for showing ads?
* I have the app on the Google Play Store. But ads are not showing in the
built APK.
* Do I need to get the app approved again, if I import a saved .aia copy
of the same app from my computer?
* SDK Versions
* App Development
App Development
* I have a question related to app development. How can I get help?
Table of contents
* Overview
* Events
* After Picking
* Before Picking
* Got Focus
* Lost Focus
* Touch Down
* Touch Up
* Methods
* Button Click
* Open
* Set Animation Style
* Set Shadow
* With Icon From Font Awesome
* With Icon From Material Font
* With Icon From Picture
* Properties
* Background Color
* Border Shadow
* Enabled
* Font Bold
* Font Italic
* Font Size
* Font Typeface
* Font Typeface Import
* Height
* Height Percent
* HTML Format
* Image
* Rotation Angle
* Selection
* Shape
* Show Feedback
* Text
* Text Alignment
* Text Color
* Touch Color
* Visible
* Width
* Width Percent
VIDEO PICKER¶
Category Requires Version Media API 21, Android 5.0 Lollipop 7
OVERVIEW¶
A special-purpose button. When the user taps an video picker, the device's video
gallery appears, and the user can choose an video.
Permissions
* android.permission.INTERNET
EVENTS¶
AFTER PICKING¶
Event to be raised after the picker activity returns itsresult and the
properties have been filled in.
whenVideo Picker ▾.After Picking selection do
Params selection Text
BEFORE PICKING¶
Event to raise when the button of the component is clicked or the list is
shownusing the Open block. This event occurs before the list of items is
displayed, andcan be used to prepare the list before it is shown.
whenVideo Picker ▾.Before Pickingdo
GOT FOCUS¶
Indicates the cursor moved over the button so it is now possible to click it.
whenVideo Picker ▾.Got Focusdo
LOST FOCUS¶
Indicates the cursor moved away from the button so it is now no longer possible
to click it.
whenVideo Picker ▾.Lost Focusdo
TOUCH DOWN¶
Indicates that the button was pressed down.
whenVideo Picker ▾.Touch Downdo
TOUCH UP¶
Indicates that a button has been released.
whenVideo Picker ▾.Touch Updo
METHODS¶
BUTTON CLICK¶
Perform a button click as function.
callVideo Picker ▾.Button Click
OPEN¶
Opens the picker, as though the user clicked on it.
callVideo Picker ▾.Open
SET ANIMATION STYLE¶
Allows you to set animation style. Valid (case-insensitive) values are:
ChasingDots, Circle, CubeGrid, DoubleBounce, FadingCircle, FoldingCube, Pulse,
RotatingCircle, RotatingPlane, ThreeBounce, WanderingCubes, Wave. If invalid
style is used, animation will be removed.Position can be: top, left, right,
bottom. Size can be 100.
callVideo Picker ▾.Set Animation Stylestylepositionsizecolor
Params style Text position Text size Number color Number
SET SHADOW¶
Place a blurred shadow of text underneath the text, drawn with the specified x,
y, radius, color (e.g. -11, 12, 13, black.
callVideo Picker ▾.Set Shadowxyradiuscolor
Params x Number y Number radius Number color Number
WITH ICON FROM FONT AWESOME¶
Show an image on the given position near to the button. You can use following
words for the position: 'Left', 'Right', 'Top' or 'Bottom'. Use the padding to
add space between the icon and text. Use a 'FontAwesome' icon as the button icon
without uploading a image resource into your project. You can find the icon code
here at https://fontawesome.com/cheatsheet Use as example for a heart icon just
'f004' or ''
callVideo Picker
▾.With Icon From Font Awesomepositionicon Nameicon Colorpaddingsize
Params position Text icon Name Text icon Color Number padding Number size Number
WITH ICON FROM MATERIAL FONT¶
Show an image on the given position near to the button. You can use following
words for the position: 'Left', 'Right', 'Top' or 'Bottom'. Use the padding to
add space between the icon and text. Use a 'Material' icon as the button icon
without uploading a image resource into your project. You can find the icon name
here at https://material.io/resources/icons
callVideo Picker
▾.With Icon From Material Fontpositionicon Nameicon Colorpaddingsize
Params position Text icon Name Text icon Color Number padding Number size Number
WITH ICON FROM PICTURE¶
Show an image on the given position near to the button. You can use following
words for the position: 'Left', 'Right', 'Top' or 'Bottom'. Use the padding to
add space between the icon and text.
callVideo Picker ▾.With Icon From Picturepositionpicturepaddingwidthheight
Params position Text picture Text padding Number width Number height Number
PROPERTIES¶
BACKGROUND COLOR¶
Color Default: #444444FF Read Write - Designer Blocks
Returns the button's background color
Video Picker ▾.Background Color ▾
setVideo Picker ▾.Background Color ▾ to
BORDER SHADOW¶
Available as Advanced Property
Boolean Default: True Write - Designer
Returns true if the button have a outside border shadow on click.
ENABLED¶
Boolean Default: True Read Write - Designer Blocks
If set, user can tap check box to cause action.
Video Picker ▾.Enabled ▾
setVideo Picker ▾.Enabled ▾ to
FONT BOLD¶
Boolean Default: False Read Write - Designer Blocks
If set, button text is displayed in bold.
Video Picker ▾.Font Bold ▾
setVideo Picker ▾.Font Bold ▾ to
FONT ITALIC¶
Boolean Default: False Read Write - Designer Blocks
If set, button text is displayed in italics.
Video Picker ▾.Font Italic ▾
setVideo Picker ▾.Font Italic ▾ to
FONT SIZE¶
Number Default: 14.0 Read Write - Designer Blocks
Point size for button text.
Video Picker ▾.Font Size ▾
setVideo Picker ▾.Font Size ▾ to
FONT TYPEFACE¶
Number Default: 0 Write - Designer
Font family for button text.
FONT TYPEFACE IMPORT¶
Available as Advanced Property
Text Write - Designer Blocks
Set a custom font.
setVideo Picker ▾.Font Typeface Import ▾ to
HEIGHT¶
Number Read Write - Blocks
Specifies the component's vertical height, measured in pixels.
Video Picker ▾.Height ▾
setVideo Picker ▾.Height ▾ to
HEIGHT PERCENT¶
Number Write - Blocks
Specifies the component's vertical height as a percentageof the height of its
parent Component.
setVideo Picker ▾.Height Percent ▾ to
HTML FORMAT¶
Available as Advanced Property
Boolean Default: False Write - Designer
If true, then this button will show html text else it will show plain text.
Note: Not all HTML is supported.
IMAGE¶
Text Read Write - Designer Blocks
Image to display on button.
Video Picker ▾.Image ▾
setVideo Picker ▾.Image ▾ to
ROTATION ANGLE¶
Available as Advanced Property
Number Default: 0.0 Read Write - Designer Blocks
Sets the degrees that the button is rotated around the pivot point. Increasing
values result in clockwise rotation.
Video Picker ▾.Rotation Angle ▾
setVideo Picker ▾.Rotation Angle ▾ to
SELECTION¶
Text Read - Blocks
Path to the file containing the video that was selected.
Video Picker ▾.Selection ▾
SHAPE¶
Number Default: 0 Write - Designer
Specifies the button's shape (default, rounded, rectangular, oval). The shape
will not be visible if an Image is being displayed.
SHOW FEEDBACK¶
Available as Advanced Property
Boolean Default: True Read Write - Designer Blocks
Specifies if a visual feedback should be shown for a button that as an image as
background.
Video Picker ▾.Show Feedback ▾
setVideo Picker ▾.Show Feedback ▾ to
TEXT¶
Text Read Write - Designer Blocks
Text to display on button.
Video Picker ▾.Text ▾
setVideo Picker ▾.Text ▾ to
TEXT ALIGNMENT¶
Number Default: 1 Write - Designer
Left, center, or right.
TEXT COLOR¶
Color Default: #FFFFFFFF Read Write - Designer Blocks
Color for button text.
Video Picker ▾.Text Color ▾
setVideo Picker ▾.Text Color ▾ to
TOUCH COLOR¶
Available as Advanced Property
Color Default: #CCCCCCFF Read Write - Designer Blocks
Set the buttons touch color.
Video Picker ▾.Touch Color ▾
setVideo Picker ▾.Touch Color ▾ to
VISIBLE¶
Boolean Default: True Read Write - Designer Blocks
Returns true iff the component is visible.
Video Picker ▾.Visible ▾
setVideo Picker ▾.Visible ▾ to
WIDTH¶
Number Read Write - Blocks
Specifies the component's horizontal width, measured in pixels.
Video Picker ▾.Width ▾
setVideo Picker ▾.Width ▾ to
WIDTH PERCENT¶
Number Write - Blocks
Specifies the component's horizontal width as a percentageof the Width of its
parent Component.
setVideo Picker ▾.Width Percent ▾ to
--------------------------------------------------------------------------------
Last update: November 9, 2022
Previous Text To Speech
Next Video Player
Kodular Creator © Junnovate, LLC
* Google Analytics
Manage settings Accept