francoischalifour/medium-zoom

Is there a way to add <video> support?

damirkotoric opened this issue · 1 comments

damirkotoric commented

Great library. I'd love to do the same effect but for video tags. Is there a way of doing this?

I have some autoplaying screen recordings like so:

<video src="..." autoplay muted loop></video>

And it'd be great if these videos had the same zoom functionality as the rest of the images on the page. And I don't want to use GIF images because of quality.

I tried setting data-zoomable on the video tags but that didn't do anything.

wzhkobe2408 commented

@damirkotoric this is the source code in utils.js. If you want to support video, you can try to modify it with
export const isSupported = node => node.tagName === 'IMG' || node.tagName === 'VIDEO'

source code

export const isSupported = node => node.tagName === 'IMG'
  • 👍2