Vue filter for youtube and vimeo embeds

video-embed.js

Vue.filter('videoUrl', function (url) {
    //youtube
    if (url.includes('youtube') || url.includes('youtu.be')) {
      //Get id
      url = url.split(/(vi\/|v=|\/v\/|youtu\.be\/|\/embed\/)/);
      let id = (url[2] !== undefined) ? url[2].split(/[^0-9a-z_\-]/i)[0] : url[0];
      return 'https://www.youtube.com/embed/' + id
    } else if (url.includes('vimeo')) {
        var url = url.match(/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/(?:[^\/]*)\/videos\/|album\/(?:\d+)\/video\/|video\/|)(\d+)(?:[a-zA-Z0-9_\-]+)?/i);
        return  'https://player.vimeo.com/video/' + url[1]
    }
});

This snippet will take a youtube or video link and return a embed string for that video