Digia Academy
Digia StudioDiscordLinkedIn
  • Introduction
    • FAQs
  • What's New
    • 2024
      • March
  • DIGIA STUDIO INTRODUCTION
    • Dashboard
    • Builder Tool
      • Navigation Menu
      • Tool Bar
      • Pages and Widgets Panel
      • Canvas Area
      • Properties Panel
    • Creating a New Project
    • Creating new Pages
    • Working with Widget Tree
    • Build Your First App
      • Hello World
      • Bytes App
        • Onboarding
        • Defining API Calls
        • Courses
        • Articles
        • Viewing your App
    • SDK Integration
      • Insert Single Pages from Digia Studio
  • Actions
    • Call API Rest Action
    • Call Rest API
    • Pop Current
    • Pop to Route
    • openUrl
    • Go To Page
    • Post Message
    • Set Page State
    • Wait (delay)
    • Drawer
    • Toast
    • Open Dialog
    • Share
    • Copy to Clipboard
  • Operations
    • API Call
    • Operators
      • Json Operators
      • Logical Operators
      • Date Time Operators
      • Math Operators
      • String Operations
  • BUILDING UI
    • Widgets
      • Form Widgets
        • PinField
        • Calendar
        • Text Form Field
      • Base Widgets
        • Animated Button
        • Check Box
        • Video Player
        • Spacer
        • Stack
        • Wrap
        • Text
        • Avatar
        • Rich Text
        • Image
        • Button
        • Icon
        • Switch
        • Sized Box
        • HtmlView
        • Lottie Animation
        • Linear Progress Bar
        • YouTube Player
        • Circular Progress Bar
      • Layout Widgets
        • ListView
        • Web View
        • Future Builder
        • Conditional Builder
        • Stream Builder
        • GridView
        • Column
        • Row
        • Container
        • Expandable
        • Divider (Horizontal)
        • Divider (Vertical)
        • Carousel
      • Persistent Footers Widgets
        • NavigationBar Widget
      • Page Widgets
        • Stepper Widget
        • Scaffold Widget
        • Paginated Listview Widget
        • TabView
        • AppBar
      • Widget Commonalities
    • Event Handlers
  • Theme
    • Colors
    • Typography
  • DATA AND BACKEND
    • API Calls
      • Setting up API Calls
      • Create API Calls
      • Import API From Curl
  • DEPLOYING YOUR APP
    • Deployment
    • Release History
  • Settings
    • App Settings
    • App Assets
    • Media Assets
  • JARGON
    • Data integration
Powered by GitBook
On this page
  • Adding YouTube Player To Your Project
  • Configuring the URL of the video
  • Enable/Disable Auto Play Button
  • Muting The Video
  • Enable/Disable Looping Video
  1. BUILDING UI
  2. Widgets
  3. Base Widgets

YouTube Player

PreviousLinear Progress BarNextCircular Progress Bar

Last updated 1 year ago

The YouTube Player Widget serves the purpose of playing videos hosted on the YouTube platform.

Adding YouTube Player To Your Project

To add the YouTube Player widget in your project:

Simply click on Add Widget and then click on YouTube Player Widget to it in your project.

Configuring the URL of the video

The YouTube Player widget utilizes a video URL from YouTube to initiate video playback. Upon integrating the YouTube Player into your application, you have the option to modify the video URL by utilizing the URL property.

Enable/Disable Auto Play Button

Following the URL upload, the video does not automatically commence playback. To initiate playback automatically, you can enable the auto-play feature by activating the corresponding button.

Muting The Video

Upon uploading the URL, the video is initially set to an unmuted state by default. To mute the video, you can enable the mute option by activating the corresponding button.

Enable/Disable Looping Video

By default, once a Youtube video finishes playing, it does not automatically restart. However, you can modify this behavior by adjusting the "Loop Video" property.