Magnolia-CMS Youtube video component

Ready to use Youtube video component. Utilizes Magnolia Rest Client module (see Rest Client module documention) to render server side Youtube video player in an <iframe>. Optionally, this component is capable of rendering corresponding LD+JSON structured data. The concept of Rest Clients gets rid of the client-side CORS errors. Rest Client calls are cached inside of Magnolia.

Installation

Magnolia CLI

Run in Magnolia's folder:

mgnl install youtube-rest-client-magnolia

Git

Clone magnolia youtube rest client repository into Magnolia's light modules folder.

git clone https://git.magnolia-cms.com/scm/~kraiskub/youtube-rest-client-magnolia.git youtube-rest-client

Usage

Use as a standard Magnolia component.

1. Make component available

To make this component available for editors you have to register the component in available components in an area definition (see component template availability documention).

areas:
  main:
    templateScript: /path-to-renderer-template-for-this-area.ftl
    availableComponents:
      youtube-video:
        id: youtube-rest-client:components/youtube-video/youtube-video

2. Add Youtube video component into a page

• Navigate to a page (respectively area) where the Youtube video is available and add the component into the area
• Fillout the fields in the dialog
  • Link - Youtube video link
  • Render structured data - check to render the LD+JSON structured data

Configuration

Youtube API key

This component requires a valid Youtube API key to work properly. Add your API key in /youtube-rest-client/restClients/youtube.yaml on line 8:

defaultValues: { key: "youtube_api_key", part: "snippet, player" } # Replace "youtube_api_key" with your API key

Rest client

All Youtube Rest Client modifications (adding query parameters, ...) can be done in /youtube-rest-client/restClients/youtube.yaml, please refer to Rest Client module documention before updating the client.

License

MIT