-
-
Notifications
You must be signed in to change notification settings - Fork 1.1k
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.)
- Make sure installed version of Lively is v0.9.6 or above.
- Video files need to be in .webm format with vp9 or higher codec, this is a licensing limitation.
- In order for video to autoplay the audio need to be muted, this is standard chromium behaviour.
- 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'/>
- (Optional) Use Livelypropertie's Folder Dropdown to change video clip during playback.
- 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 VP9 as Video Codec.
- Click on Start Encode.
- Home
- Getting Started
- Video Wallpaper
- Streaming Wallpaper
- Application Wallpaper
- GIF Wallpaper
- Web Wallpaper
- Machine Learning
- Screen Saver
- Performance
- Command Line Controls
- Taskbar Customization
- Theme
- Differences Between Distributions
- Common Problems
- Building
- Contributing Guidelines
- Wallpaper Tutorials