vue-gifplayer

Facebook preview and gif loader - gif player

demo

Install

npm i vue-gifplayer -s

Usage

import css or sass

in your main.js
import "vue-gifplayer/src/gif.css"

in your sass file
@import "node_modules/vue-gifplayer/src/gif.scss";

<gif-player
  src="https://media0.giphy.com/media/l0MYJnJQ4EiYLxvQ4/giphy.mp4"
></gif-player>

Props

src: url of the gif file in mp4

still: URL for an image preview of your Gif. (can be any image, but width should be the same a gif)

width: gif width

height: height gif

autoplay: the gif plays automatically

loop: the gif plays indefinitely

type: default: video for now it only accepts video format (video/mp4)

by:

Object:
{
    name: 'Giphy',
    url: 'https://giphy.com/gifs/l0MYJnJQ4EiYLxvQ4'
}

information about the gif provider

showBy: Default: true show or hide gif provider