Web Guide VI : Webpage Video Support

Jump to bottom

Dani John edited this page Nov 7, 2020 · 41 revisions

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

Creating a simple webm video playing webpage

Make sure installed version of Lively is v0.9.6 or above.
Video files need to be in .webm format with VP8 or higher codec, this is a licensing limitation.
Create a new text file, open in notepad and paste the following code:

<!DOCTYPE html>
<head>
  <style>
    body{
      margin: 0;
      overflow: hidden;
    }
    video{
      width: 100%;
      height: 100%;
    }
  </style>
</head>
<body>
  <video src="video_file_name.webm"  autoplay muted loop></video>
</body>
</html>

Save & change the file extension to html.
Place the video file in the same folder with the correct name: video_file_name.webm
(Optional) Use Livelypropertie's Folder Dropdown to change video clip during playback.

Converting existing videos to webm

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