Skip to content

Web Guide VI : Webpage Video Support

Dani John edited this page May 27, 2020 · 41 revisions

Starting with Version 0.9.6.0 Lively supports videos in webpages (web type wallpapers.)

Setup

  1. Make sure installed version of Lively is v0.9.6 or above.
  2. Video files need to be in .webm format with vp9 or higher codec, this is a licensing limitation.
  3. In order for video to autoplay the audio need to be muted, this is standard chromium behaviour.
  4. Create a new html file and place the video file in the same folder, use the following code:
<video class="videofullscreen" width="100%" height="100%" playsinline muted autoplay loop 
style=" object-fit: fill; position: fixed; left: 0; top: 0;" 
src='video_file_name.webm'/>
  1. (Optional) Use Livelypropertie's Folder Dropdown to change video clip during playback.

Converting existing videos to webm

  1. To convert existing video files you can use third party software such as HandBreak
  2. Open handbreak & in Source selection select the video file.
  3. In Summary under Format select WebM.
  4. In Video select VP9 as Video Codec.
  5. Click on Start Encode.