Noloco
Ask the CommunityHire an ExpertLoginSign up
  • Noloco Overview
  • 🚀Quickstart
    • Start with your data
    • Start with AI
    • Start with a template
  • Data to App
    • Database Consolidation
  • App Settings
  • Components
    • Containers
    • Video
  • Templates
  • 🔗Data Sources
    • Data Overview
      • Setting a Collection's Primary Field
      • Syncing
    • Noloco Tables
      • Field Types
      • Relationships
      • Automatic Links
      • Rollup Fields
      • Lookup Fields
      • Formulas
      • Noloco AI
      • Import a file
    • Airtable
    • Google Sheets
    • SmartSuite
    • MySQL
    • PostgreSQL
    • REST APIs
    • HubSpot
    • Xano
  • 📄Pages
    • Collection views
      • Show collection record count
      • Empty State
    • Blank pages
    • iFrame embeds
    • External links
    • The Home Page
    • User Profile Page
    • Parent pages & folders
    • Page visibility rules
    • Cloning pages
    • Renaming pages
    • Hiding pages
    • Sidebar dividers
    • Tabs
  • 📂Collections
    • Adding collection views
    • Display
      • Rows
      • Cards & columns
      • Tables
      • Kanban boards
      • Calendar
      • Timeline
      • Gantt
      • Split-view
      • Charts
      • Maps
      • Pivot Table
      • Single record view
      • Grouping records
      • Record Colors
    • Filters
      • Logged in user
      • Relative Filters
      • Record values
    • Filter fields
    • Sort & limit
    • Row Action
    • Column Summaries
  • 📝Forms
    • Forms
      • Customizing Form Fields
      • Passing Linked Record Values to a Form
      • Dynamic Form Field Filters
      • E-Signature Fields
    • Public Forms
  • 📃Record Pages
    • Overview
    • Visibility Settings
    • Hidden Field Values
    • Record Comments
  • ✏️Field Formatting
    • Field visibility conditions
    • In-line editing
    • Conditional Highlight Colors
    • Dates & Time Zones
  • 📊Charts
    • Overview
  • 📂Data Management
    • Export Data
    • Import Data
  • 👥Users & Permissions
    • User Table
    • User Management
    • User Roles & Permissions
      • Record-level permissions
      • Field-level permissions
    • Open Sign Up
    • Offboarding Users
    • Testing as other users
  • ⏩Actions
    • Action buttons
      • Create records
      • Update records
      • Bulk actions
      • Barcode Scanner
      • Add a Comment Action
  • ⚡Workflows
    • Workflows
      • On-demand workflows
      • Comment Added Trigger
      • Watched Fields
      • Trigger webhooks
      • Send automated emails
      • For each item in a list...do...
      • Only continue if
      • Create a Record Action
      • Update a Record Action
      • Delete a Record Action
      • Deactivate a User Action
      • Reactivate a User Action
      • Send an Invitation Email Action
      • Add a comment to a record
      • Send a Push Notification
      • Ask Chat GPT Action
      • Summarize Text Action
      • Correct Grammar Action
      • Extract Keywords Action
      • Analyze Sentiment
      • Finish Text Action
      • Send a message to a Slack Channel
      • Send a message to a Slack User
      • Generate a PDF with DocsAutomator
  • 🔔Notifications
    • Notifications
    • Notification Preferences
  • 📑API Documentation
    • API Overview
      • Fetching Records
      • Fetching a Record
      • Creating a Record
      • Update a Record
      • Deleting a record
  • ⚙️Settings
    • General Settings
      • Live Mode
      • Custom Logos
    • Theme & Design
    • Progressive web apps
    • Navigation Settings
    • Spaces
    • Email Settings
    • Custom Code
    • Custom Domain
    • Login & Signup
      • Sign in Options
      • Single Sign On
      • 2FA - Two Factor Authentication
      • Client Portal User Add-On
    • Login Screen
    • User Lists
    • Integrations & API Keys
    • Billing & Usage
    • Support
    • Publishing
      • App Version History
  • 🔄Integrations
    • Zapier
    • Make (Integromat)
    • Sign in With Google
    • Intercom
    • SMTP Emails
    • Documint
  • ⚙️Account
    • Workspaces
    • Pricing
      • Client Portal Add-on (Legacy)
    • Transferring an App
    • Onboarding Call Preparation
Powered by GitBook
On this page
  • Adding Videos in Noloco
  • Supported Video Sources
  • YouTube
  • Loom
  • Vimeo
  • Video Streaming
  1. Components

Video

The Video component in Noloco allows you to show video content, from a wide variety of sources such as YouTube, Vimeo and more, directly on your pages

PreviousContainersNextTemplates

Last updated 5 months ago

Whether you're building an eLearning portal to just want to add a quick introduction to your platform, video is a powerful medium to communicate with your users in a visual way. Your videos can be hosted on many of the most popular streaming platforms or for smaller files you can upload them to your Noloco account too.

Adding Videos in Noloco

Follow the steps below to see what it looks like to add a YouTube video a project.

Supported Video Sources

YouTube

The Video URL property in Noloco accepts both regular youtube.com links as well as shortened youtu.be links. For example you can expect both https://www.youtube.com/watch?v=VIDEOID and https://youtu.be/VIDEOID links to perform equally well.

Privacy Settings

Note that your video needs to be public or unlisted, otherwise it will not load in your app. If you encounter any playback issues please take a look at your videos privacy setting as a first port of call.

YouTube Shorts

A quick note on YouTube shorts: currently the Video component does not support playback of YouTube's new vertical video format, Shorts. These videos can also be identified by their different URL structure; https:/youtube.com/shorts/VIDEOID

If you need to add YouTube Shorts to your app please use the component.

Loom

Loom videos are great for product tours and feature walk-throughs. The Video URL property in Noloco accepts links in the formhttps://loom.com/share/VIDEO_UUID as well as https://loom.com/embed/VIDEO_UUID

Vimeo

Adding a Vimeo video to your app is incredibly easy; simply copy and paste the URL from your address bar into Noloco. The URL is in the format https://vimeo.com/VIDEOID

Video Streaming

If you have access to any hosted video file, i.e. a URL ending in ./mp4 for example, then you can use that in Noloco to play videos too.

Please note that services such as Noloco Tables and Google Drive are not intended to be used as video streaming services and as such do not do not offer any performance guarantees. Video files can often be quite large, so if you are uploading to Noloco be mindful of your storage allowance, which starts at 1Gb for most customers. It is your responsibility to check with any file hosting service whether or not video streaming is within the Terms and Conditions of their Service Agreement.

Please note that URLs in the format https://player.vimeo.com/video/VIDEOID are not supported at this time but can be used with the component

embed
embed