Web Guide VI : Webpage Video Support

WebView2

WebView2 supports H.264 out of the box and does not require convertion.

CefSharp

CefSharp browser plugin does not support H.264 codec due to licensing, only vp8/9 supported.

Converting mp4(x264) videos to webm(vp8/9)

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 VP8 or VP9 as Video Codec.
5. Click on Start Encode.
6. Video will be available in Save As location.

Creating a webm video webpage

1. 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>

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