Use for lazy-loading embedded videos?

I was trying to use this to lazy-load youtube videos embedded via their iframe widget, but unfortunately it doesn’t work (it tries to convert the iframe source to data:image/png;base64).

Can this be updated to also support lazy-loading of iframes?

Example:

<iframe width="560" height="315" frameborder="0"  v-lazy="'//www.youtube.com/embed/' + videoID" allowfullscreen></iframe>

I would expect this video to be lazy-loaded, but using the current version it throws an error.

[hilongjw]

<template>
<div>
<lazy-component tag="div"  @loaded="handler">
  <iframe width="560" height="315" frameborder="0"  src="'//www.youtube.com/embed/' + videoID" allowfullscreen></iframe>
<lazy-component>
</div>
</template>

<script>
export default {
  methods: {
    handler () {
     console.log('loaded')
    }
  }
}
</script>

[atazmin]

Maybe wrap in <client-only> or <ssr> ?