idyll-langidyll
DocsTutorialsGalleryEditor
menu

Overview

  • Introduction
  • Getting started
  • Markup syntax
  • HTML tags
  • Options and styles
  • Plugin system
  • Multipage template

Interactivity

  • Built-in components
  • Using components from npm
  • Make your own component
  • Scrolling and Refs

Publishing

  • Deploying to the web
  • Embedding Idyll

Useful Links

  • Github
  • Chat
  • Twitter
  • Support Us
← Back

Youtube

Plays a video from YouTube. All of the parameters are optional except for id, which must be provided. See all available options at https://developers.google.com/youtube/player_parameters

Input:

[Youtube
  id:"KnPe6dZuwlg"
  play:true
  audio:true
  width:500
  height:300
  options:`{ controls: 1 }`
  /]

Output:

Props

  • play boolean

    Is the video playing?

    • Example: true
    • Default value: false
  • audio boolean

    Is the audio turned on?

    • Example: false
    • Default value: true
  • width integer

    Width of the video.

    • Example: 600
  • height integer

    Height of the video.

    • Example: 400
  • id string

    YouTube video id. Required.

    • Example: "KnPe6dZuwlg"
  • options object

    Dictionary of extra options. See YouTube docs for all options.

    • Example: `{ modestbranding: 1 }`
    • Default value: `{}`
  • onReady expression

    Callback triggered when the video is ready to play.