GithubHelp home page GithubHelp logo

alterhu2020 / vue-videojs7 Goto Github PK

View Code? Open in Web Editor NEW
78.0 2.0 38.0 4.83 MB

A vue hls video player plugin using video.js 7

License: MIT License

Vue 100.00%
vue-video-player vue-video vue-videojs vue-videojs-demo videojs7 videojs-component html5-video html5-video-player html5-video-player-sample m3u8-player

vue-videojs7's Introduction

Hi there 👋

  • 🔭 I’m currently working on blogger
  • 🌱 I’m currently learning making money quickly
  • 👯 I’m looking to collaborate on making money quickly
  • 🤔 I’m looking for help with making money quickly
  • 💬 Ask me about making money
  • 📫 How to reach me: [email protected]
  • 😄 Pronouns: Making money quickly
  • ⚡ Fun fact: Making money quickly

vue-videojs7's People

Contributors

alterhu2020 avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

vue-videojs7's Issues

webstrom vue this undefined

你好 请问你的那个 webstrom vue this 指向undefined的问题 是 怎么搞定的?
82467c7f-9157-4f3d-828d-7beda416f789
是这样配置的吗

Can't listen to html5 events

Can't listen to html5 events. It works for @play as in the documents for this component, but not for others.

  <video-player ref="video"
                class="vjs-16-9 vjs-big-play-centered vjs-show-big-play-button-on-pause vjs-big-play-hidden"
                :options="playerOptions"
                @timeupdate="updateTime($event)"
                @volumechange="volumenChange($event)"
                @play="playEvent($event)"  // this one actually works
  />

EDITED:
Ouch, I see, the events are listed on the component and I can add global events so they are propagated.

Use with mount as component is not working

The problem

The usage mentioned here is not working for me.

"vue": "2.6.12",
"vue-videojs7": "1.0.2"

When I tried, I get the Vue's unknown component error: [Vue warn]: Unknown custom element: <video-player> - did you register the component correctly?

I Inspected the code and find there is no export for videoPlayer, only as default.

Possible solutions

1. For the author

Add this to vue-videojs7/index.js file:

export { videoPlayer }

2. For users of library

import videojs7 from 'vue-videojs7'
export default {
	components: { videoPlayer: videojs7.videoPlayer }
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.