GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → savokiss → vue-xgplayer

savokiss / vue-xgplayer

Licence: MIT license
xgplayer component in vue

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language

Labels

vuevideo-playerxgplayer

Projects that are alternatives of or similar to vue-xgplayer

PictureToAudio
a few picture to audio (多张图片合成视频)
Stars: ✭ 21 (+10.53%)
Mutual labels:  video-player
hms-video-demo-android
HUAWEI Video Kit supports streaming media in 3GP, MP4, or TS format and compliant with HTTP/HTTPS, HLS, or DASH. The Kit also provides abundant playback controls, delivering personalized video experiences to users.
Stars: ✭ 22 (+15.79%)
Mutual labels:  video-player
anime-cli
A CLI for streaming, downloading anime shows. The shows data is indexed through GogoAnime.
Stars: ✭ 31 (+63.16%)
Mutual labels:  video-player
api.video-player-sdk
SDK to control and interact with the api.video HTML5 Player
Stars: ✭ 31 (+63.16%)
Mutual labels:  video-player
shaka-player-react
A simple React component wrapper for shaka-player
Stars: ✭ 79 (+315.79%)
Mutual labels:  video-player
Vidsta
Easily implementable and customisable Android video player library
Stars: ✭ 36 (+89.47%)
Mutual labels:  video-player
files videoplayer
📼 Old video viewer for Nextcloud
Stars: ✭ 92 (+384.21%)
Mutual labels:  video-player
react-native-vlc-media-player
React native media player for video streaming and playing. Supports RTSP, RTMP and other protocols supported by VLC player
Stars: ✭ 221 (+1063.16%)
Mutual labels:  video-player
emacs-application-framework
EAF, an extensible framework that revolutionizes the graphical capabilities of Emacs
Stars: ✭ 2,454 (+12815.79%)
Mutual labels:  video-player
react-native-aliyun-playview
封装阿里云点播播放器与短视频上传功能
Stars: ✭ 24 (+26.32%)
Mutual labels:  video-player
aos-Video
NOVA opeN sOurce Video plAyer: player frontend main UI
Stars: ✭ 35 (+84.21%)
Mutual labels:  video-player
chrome-extension-aspectratio219
🖥️ Fit the screen properly in fullscreen mode on monitor ultrawide with 21:9 aspect ratio (Netflix, Youtube, PrimeVideo, Crunchyroll)
Stars: ✭ 28 (+47.37%)
Mutual labels:  video-player
vast-vmap
JavaScript library for IAB VAST + VMAP
Stars: ✭ 55 (+189.47%)
Mutual labels:  video-player
ASCIIPlay
A simple video player that renders to ASCII written in C
Stars: ✭ 30 (+57.89%)
Mutual labels:  video-player
nplayer
🚀 支持移动端、支持 SSR、支持直播，可以接入任何流媒体。高性能的弹幕系统。高度可定制，所有图标、主题色等都可以替换，并且提供了内置组件方便二次开发。无第三方运行时依赖。
Stars: ✭ 897 (+4621.05%)
Mutual labels:  video-player
AVPlayer-SwiftUI
Using AVPlayer in SwiftUI
Stars: ✭ 204 (+973.68%)
Mutual labels:  video-player
sausage
Learn Foreign Languages via Movies Subtitle
Stars: ✭ 12 (-36.84%)
Mutual labels:  video-player
SAVY
SAVY Player provides service to watch local videos with in a synchronized way.
Stars: ✭ 15 (-21.05%)
Mutual labels:  video-player
liveme-pro-tools
LiveMe Pro Tools
Stars: ✭ 33 (+73.68%)
Mutual labels:  video-player
all-in-one-video-pack.wordpress
A Wordpress Plugin to simplify adding Kaltura to your Blog
Stars: ✭ 19 (+0%)
Mutual labels:  video-player
View All Similar Projects ➔

vue-xgplayer

npm (tag) vue2 dependencies

xgplayer vue component

Installation

npm i vue-xgplayer -S

Usage

// main.js
import Vue from 'vue'
import VueXgplayer from 'vue-xgplayer'

Vue.use(VueXgplayer, {
  // globalOptions
  enterLogo: {
    url: '/images/video-player-loading.png',
    width: 100,
    height: 40
  },
  playsinline: true
})
// YourComponent.vue
<template>
  <xgplayer :options="playerOptions"></xgplayer>
</template>

<script>
export default {
  data () {
    return {
      playerOptions: {
        url: 'https://h5player.bytedance.com/video/mp4/xgplayer-demo-360p.mp4',
        width: '100%' // Depends on its wrapper element.
      }
    }
  }
}
</script>

Examples

https://github.com/savokiss/vue-xgplayer/blob/master/examples/App.vue

Props

Prop Type Default Info
id String xgplayer_${random()} Optional. The dom id
options Object {} The url property is required.
aspect String '16by9' Optional. Aspect ratio for auto resize video height.
noDestroy Boolean false Optional. Wont destroy player when component destroy

Methods

Method Info
reload Will call player.reload()
destroy Will call player.destroy()

Related Projects

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].