https://github.com/wimil/vue-gifplayer

Facebook preview and gif loader - gif player
https://github.com/wimil/vue-gifplayer

Last synced: about 2 months ago
JSON representation

Facebook preview and gif loader - gif player

• Host: GitHub
• URL: https://github.com/wimil/vue-gifplayer
• Owner: wimil
• Created: 2019-12-18T18:47:09.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2019-12-19T22:05:26.000Z (about 5 years ago)
• Last Synced: 2024-12-01T23:48:23.864Z (about 2 months ago)
• Language: CSS
• Size: 5.86 KB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vue-gifplayer

Facebook preview and gif loader - gif player

### demo

![a gif of gif loaded using vue-gifplayer](http://g.recordit.co/HVGXv0w3nt.gif)

### Install

```bash

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";

```

```html

```

### 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