Cards: Display YouTube Feeds

The YouTube card lets businesses easily and quickly stream YouTube content, such as their latest product lineup, advertisements, or even add that cute cat video in between corporate announcements, for a quick laugh in the office.

With the latest v2.0, you can also stream YouTube playlists and live streams, or only display a segment of the video. In addition to the basic customizations, v2.0 provides the following options:

  • Display YouTube videos, playlists, and live stream content.
  • Display the entire video or just a part of it.
  • Display or disable the progress bar of the currently playing video.
  • Enable or disable the audio during video playback.
  • Support for the following keyboard controls during video playback on the device:
    • Space = Start/Stop
    • Right arrow = Fast Forward (1o sec)
    • Right arrow = Rewind (1o sec)
    • Up arrow = Volume increase (+10% increase)
    • Down arrow = Volume Decrease (+10% decrease)
    • M = Mute on/off

The YouTube card is an Appspace supported card, which is officially created and periodically updated by Appspace with new templates and features.

Important
Please refer to our Introduction to Cards guide for an in-depth introduction to the types of cards that are ideal for your signage solutions.

Visit our Appspace Card Gallery to find the perfect card to deliver your message.

This article provides instructions to create and configure the YouTube card:

Prerequisite

Create and Configure YouTube Card

Follow the instructions below to display YouTube feeds.

  1. Log in to the Appspace console.
  2. To create this card, select one of the following options:

    • Click +QUICK ACTION from the Appspace menu bar on the top right, and select Create Content.
    • Click Library from the ☰ Appspace menu, and select a library or folder you wish to create the content in. Click +CREATE, and select Content.
    • To create and add the card directly to an existing channel, refer to Add Content to Playlist Channels.
  3. Select Feeds from the All Templates drop-down menu, and click Youtube.
  4. In the Edit tab:

    • Enter the Title of the content as this will also act as the filename for the content. This is a mandatory field.
    • Enter the YouTube video, playlist, or live stream URL link in the Youtube field.
      Important
      When adding a YouTube playlist, ensure that the first video in the playlist allows embedding. If embedding is not allowed, the video will not be displayed, while the card reloads continuously.
      Please refer to our YouTube Card Release Notes to enable “Allow embedding” on videos.
    • Once the YouTube URL loads, you may perform the following configurations:
      Note
      The Closed Captions icon only appears if the YouTube URL contains closed captioning and subtitles.
      • Click the Closed Captions icon to set the following:
        • Subtitles – Enable or disable subtitles.
        • Language – Select the subtitle language, or leave it to Auto. Selecting Device Location, requires the device property “card.youtube.cc.language” with the language code value to be set on the device.
      • Click the Gear icon to set the following:
        • Video Playout
          • Entire Video
          • Video Segment – Set the start and end time of the YouTube video to only display a segment of the entire video.
        • Enable Progress Bar, and also change the color of the progress bar.
      • Click the Sound icon to disable or enable audio.
  5. In the Article tab: This section may be skipped.
    • Include an Article or Caption to accompany the content item when being displayed on mobile apps, tablets, and other social collaboration apps.
    • Enter a Referral Link to link more information to the content.
  6. In the Schedule tab: This section may be skipped.
  7. In the Settings tab: This section may be skipped.
    • The Name field will be auto-populated to match the Title of the content which will also act as the filename for the content. This is a mandatory field.
    • Enter any relevant Tags for the content. (Optional)
    • Select a folder for the content in the Library Location drop-down menu to change the default folder location.
    • Select an expiry date for the content from the Auto Delete Content from Library drop-down menu. (Optional)
    • Upload an image to be used as the Thumbnail for the content.
  8. Once done, click SAVE.

Edit YouTube Card

The instructions below show you how to edit a YouTube card.

  1. Log in to the Appspace console.
  2. Click Library from the ☰ Appspace menu, and select a library or folder containing the content you wish to edit.
  3. Select and click the YouTube card to edit, and select the desired tab to edit or view.
    • In the Edit, Article, and Settings tabs:
      • You may edit the content the same way as it was configured. For detailed instructions on how to do this, please refer to the Create and Configure YouTube Card section above.
    • In the Preview tab:
      • Preview how the content is displayed on your device.
    • In the Channels tab:
    • In the Analytics tab:
      • View the individual content analytics in this tab. For more information, please refer to the Individual Content Analytics section of the Analytics article.
  4. Once done, click SAVE.
Related Articles