GithubHelp home page GithubHelp logo

ivyapp / ivy-videojs Goto Github PK

View Code? Open in Web Editor NEW
49.0 7.0 27.0 3.26 MB

A set of Ember components for the video.js HTML5 video player.

Home Page: http://ivyapp.github.io/ivy-videojs/

License: MIT License

JavaScript 75.07% HTML 24.84% CSS 0.09%

ivy-videojs's People

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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

ivy-videojs's Issues

Doesn't work with anything other than HTML5 video

Currently the Flash fallback is broken, and I'm not entirely sure of the best way to get it working. The problem is, when using any tech other than HTML5, video.js will actually remove the <video> element. Since the video element is being tracked by Ember, this causes all kinds of bad behavior.

Ultimately to make this work, I'll need to create a <video> element that Ember isn't aware of. Whether that means defining a template for the ivy-videojs component or just using document.createElement('video') directly inside the component, I'm not sure.

For now, I've added a note to the README. Once I have a better idea of a way forward, I'll update this issue.

Player does not respond to touch events on Chrome/Windows.

Touch gestures do not seem to fire the useractive, userinactive events (Chrome/Windows). When in desktop mode the useractive event fires on mouse activity however in device touch mode, as set by the 'Toggle device toolbar' button, 'touching' the screen does not result in a useractive event. We are trying to get the application to respond to the user touch to stop the video and move to the next page and cannot seem to make it pick up the event.

In the ivy-videojs code the mouse move and click events are handled but I do not see any reference to touch events.

Support HLS

Currently it does not appear that ivy-videojs supports HLS. There is a source handler that could be used to support this here: https://github.com/videojs/videojs-contrib-hls

I have tried to side-load the handler but since I can't specify application/x-mpegURL as the mime-type of the

element error

I have a video set like in example:
autoresize=true naturalWidth=1280 naturalHeight=720
which is actual size but getting the error below.
Even if I take the size off and leave at autoresize=true still get an error.

VIDEOJS: ERROR: Improper value "NaN" supplied for for height

Can anyone help?

Enable rewind only

Hi, thanks for this plugin! I was wondering if it's possible to set ivy-videojs to disable all controls besides rewind?

Outdated Version of ember-cli-htmlbars

When using any recent version of ember, one of ivy's dependencies (ember-cli-htmlbars) causes a lot of deprecation warnings to be shown.

Updating to a more recent version would fix this.

Fix breaking changes in FastBoot 1.0

The current ember-cli-fastboot releases (1.0.0-rc.1 and above) introduce breaking changes. These will most likely break your current FastBoot implementation.

See ember-fastboot/ember-cli-fastboot#387 for more information and a guide on how to fix your addon. Also you may want to visit the -fastboot Slack channel to get help from other users.

Note: this issue has been created automatically, by searching for certain patterns in your code. If you think this has been falsely created, feel free to close!

Language support?

VideoJS "ships" with language support. They distribute the languages with their Bower build, but each language is a separate JavaScript file under dist/lang/ID.js. In order to use their official languages, each desired language must be loaded.

So the question (more than issue) is what is the "official" way to get language support with ivy-videojs? Since video.js is a Bower sub-dependency, it seems odd that a project using it would reach down to a 2nd level dependency to pull the dist files (or that they should know to do that). Should ivy-videojs provide those languages as 1st level dependencies? Should the official stance be that apps that want language support must add a new Bower dependency to their project to have 1st level access to those language files?

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.