Feature - Support AV1 and more Codecs automatically.

[ThatGuySam]

The idea is that you could take any input video URL and automatically get the most modern format compatible with the device.

This would probably require deploying a web component that can be imported via Native Browser module or npm package

Example Implementation with Web Component and MP4 Video

<vumbnail-embed 
	source="https://mywebsite.com/video.mp4"
/>

And that effectively render out to something like the following:

<video>
	<!-- AV1 video inside Webm container -->
	<source 
		src="https://vumbnail.com/mywebsite.com/video.av1.webm" 
		codecs="av01"
		type="video/webm"
	>
	<!-- Plain Webm Video -->
	<source 
		src="https://vumbnail.com/mywebsite.com/video.webm" 
		type="video/webm"
	>
	<!-- Plain MP4 Video -->
	<source 
		src="https://vumbnail.com/mywebsite.com/video.mp4" 
		type="video/mp4"
	>
</video>

The browser will load the first format it knows.

References

• AV1 with HTML - https://www.reddit.com/r/AV1/comments/bwzq6p/comment/eq2icjg/?utm_source=share&utm_medium=web2x&context=3
• HTML Video Codecs - https://stackoverflow.com/questions/16363167/html5-video-tag-codecs-attribute
• Better web video with AV1 codec - https://evilmartians.com/chronicles/better-web-video-with-av1-codec