Home
OE Elements
Creations
Nanogallery2
About
Contact
Français
English

100% responsive HTML5 video V 3.3

Additionnal free 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. Image - Picture to display before video start.
    4. Controls - Display video controls
    5. No Dnld - prevent easy dowload
    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.

  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
Nouveau lien