New Addon: VideoLinkField

Addons
1

Intended Use

You have your own YouTube or Vimeo channel (or you asked for permission before embedding content from other persons) and you want a simple way to build a privacy friendly website with embedded videos.

But embedding external videos directly is a bad idea for multiple reasons:

  1. Privacy - Google tracks my visitors if a YouTube iframe loads videos on startup.
  2. EUGDPR - I have to ask my visitors before I can embed third party resources with tracking mechanisms
  3. Page speed - If my visitors don’t want to see a video, I don’t want to load the preview window with 1-2MB

The idea is simple:

Users have a simple UI to copy and paste a video link without taking care of embed snippets. After loading the data from the Wysiwyg field, the link exists, even if users (or search engine bots) disabled javascript. When the document is ready and the visitor accepted cookie usage and third party requests, a script converts the links to iframes.

Features

Custom Field

  • has a preview of the thumbnail
  • stores an object with these keys:
    • url
    • text
    • title
    • id
    • provider
    • asset_id

TinyMCE Plugin

It has no thumbnail preview, but it produces a simple html <a> tag with all the data I need to embed it dynamically.

Example output:

<a href="https://www.youtube.com/watch?v=fSdVs95Kesk" data-video-id="fSdVs95Kesk" data-video-provider="youtube" data-video-thumb="5cdf0b193338621488000156" data-video-width="480" data-video-height="360">Poledance-Show beim Kammgarnspinnereifest 2018</a>

2 Likes
2

@raffaelj This is great! Thanks!

3

I updated the addon right now to work with the EditorFormats Addon from @pauloamgomes.

If you use both, VideoLinkField and EditorFormats for wysiwyg fields, it won’t be enabled by default anymore. You have to enable it via EditorFormats settings instead.

If you don’t use EditorFormats, the current version 0.1.1 should work like before.