ivyapp / ivy-videojs Goto Github PK
View Code? Open in Web Editor NEWA set of Ember components for the video.js HTML5 video player.
Home Page: http://ivyapp.github.io/ivy-videojs/
License: MIT License
A set of Ember components for the video.js HTML5 video player.
Home Page: http://ivyapp.github.io/ivy-videojs/
License: MIT License
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.
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.
To compatible with Glimmer
https://github.com/IvyApp/ivy-videojs/blob/master/addon/components/ivy-videojs.js#L64
Need to change to if (property in this || property in this.attrs) {
This is only a note for people want to test Glimmer,
I think we should wait for the official blog.
{{ivy-videojs src=src preload="auto" autoplay=true}}
autoplay and preload are not passed to
How do you call out controls to be visible when page loads?
thanks
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
Using the plugin with Ember 3.4+ yields a large number of warnings, as sendAction is deprecated.
See https://emberjs.com/deprecations/v3.x#toc_ember-component-send-action for more information.
Hi
I'm playing with this now and it looks great but there are a few things I don't quite get.
It would be really useful to see the source to the demo app (http://ivyapp.github.io/ivy-videojs/). Is that source available somewhere, or could it be?
Cheers,
Al
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?
Since Bower is deprecated in favor of npm/yarn, it'd be nice if this addon could put its video.js dependency into package.json instead of bower.json.
See also:
Hi, thanks for this plugin! I was wondering if it's possible to set ivy-videojs to disable all controls besides rewind?
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.
I'm wondering if it is possible to embed and wrap youtube and vimeo video videos through ivy-videojs.
https://github.com/eXon/videojs-youtube
https://github.com/eXon/videojs-vimeo
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!
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?
VideoJS supports audio playback, but this library does not currently have functionality for that.
The most significant change seems to be the need to use an audio
tag instead of a video
tag.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.