Update EssenceVideo and EssenceAudio to HTML5 elements

[tvdeyen]

The EssenceVideo and EssenceAudio views are using outdated Flash based players.

These should be updated to use HTML5 <video> and <audio> tags.

[BenMorganIO]

It looks like the video is using a file upload. There should be options to use Youtube, Vimeo, and Wistia since they are all used actively.

[BenMorganIO]

Wistia and Vimeo would be a bit more technical.

[tvdeyen]

These essences were never meant to support embedded video players. They were meant o support self hosted files.

But you are right hosted platforms like YouTube or Vimeo are better nowadays, this is why these essences are not used any more.

We nowadays use an EssenceHtml with an <iframe> in the element view, so the editor only needs to put in the video id.

But it would be great to have an EssenceVideo that supports YouTube and Vimeo, with already placed embed code, so the user only needs to paste in the id of the video and does not have to deal with width and height values of iframes ;) At best the iframe would be full width (100%) responsive.

[tvdeyen]

Please have a look in the video slide element from the demo (https://github.com/magiclabs/alchemy3-demo/blob/master/app/views/alchemy/elements/_video_slide_view.html.erb)

This is the approach we use nowadays.

[BenMorganIO]

The video is currently using flowplayer right?

[tvdeyen]

Yep, an outdated version.

[BenMorganIO]

Looks like I'll be contributing!

[tvdeyen]

\o/

[tvdeyen]

Published a new branch html5 where we will implement this.

[tvdeyen]

Done f9b057a391c56999b404a3c09fd0fac52a4c4f92

[BenMorganIO]

:+1: