100% responsive HTML5 video V 4.6

Additionnal element designed for  OpenElement
  1. Download and unzip the element and put it in your project's Common/Elements folder

  2. Open your project

  3. Put this element on your page

  4. Adjust the width to a percentage of the parent element

  5. Make an approximation of the height

  6. Fill the required information (prefer images of the same height as your element)

  7. Ajust Video properties as follow

    1. MP4 Video - MP4 video file
    2. OGG Video - OGG  video file
    3. WEBM Video - WEBM video file
    4. Image - Picture to display before video start.
    5. Controls - Display video controls
    6. Muted - Muted video mode
    7. Auto - Automaticaly starts video.  Will only work if video is muted.
    8. Loop - Video will play in loop continously.
    9. Prevent easy download

  8. Ajust it by using OpenElement's media-queries
Version 1 - 2018-10-02
Version 2 - 2018-10-03, Removed ratio property as it is now automated from ja veideo property read.
Version 2.0.3 - 2019-09-18, Code correction for ogg video file 
Version 3.0 - 2020-09-13, Easy download prevent property added
Version 3.1 - 2020-12-18, Removed useless second video tag
Version 3.2 - 2020-12-19, Removed video ID duplicate
Version 3.3 - 2020-12-19, Added warnings in case of invalid image or movie file name
Version 4.0 - redesigned element
Version 4.1 - Controls added
Version 4.2 - removed somne mp4 video restrictions
Version 4.3 - Prevent possible interferences with other elements of the same kind
Version 4.5 - Preload=auto
Version 4.6 - preload option added