Notes on a video in JW player - javascript

I am trying to use JW player on my website but I have encountered some issues. Can somebody just help me to point in the right direction, I would be really grateful.
Issues-
How to take notes on a video so that if I play that same video again, I'll be shown those notes(not on the video itself but on a separate div beside that video) along with the timestamp?
Reference- I want this functionality like that of pluralsight video player.

This is possible, please see the example here:
http://se.jwplayer.com/~amcneil/POCs/annotations/

Related

Chrome Extension to manipulate youtube videos

I want to develop a chrome extension that can read the pixels of a youtube video and for example can swap all red pixels to blue ones.
After a little research i found that most answers are outdated.
all approaches i found started with getting the html5 video (and after that go on with canvas):
Show Youtube video source into HTML5 video tag?
Would be very thankfull if you can help me:)
Have a nice day.

Play selected video on mouse cursor over / Pause when cursor off

I'm venturing into HTML5 and JavaScript but would really appreciate some pointers on how I could achieve the following: I'm trying to help users with limited abilities/movement to select and play a video (in a web browser on a windows desktop computer) simply by putting the mouse cursor over the video - this will either be by using a physical mouse, tapping on the video (to effectively place the cursor over the video) or via an EyeGaze (Eye tracking) type system.
Essentially I would like to have two or four video thumbnails (of approx. 600x400 dimensions - large enough to give the user a cause and effect experience and to gauge what they like or motivates them) neatly displayed evenly on a screen with no buttons to distract the user. The user would then simply move the mouse cursor over the video they desire and the video will automatically start to play and when the mouse cursor is moved away from the video the video will pause.
Thanks for reading. Hope somebody can help with that.
Many thanks
Please can a moderator delete my question. I think I just found what I need (Video play on hover)
Thanks and sorry!

Make YouTube video quality as low as possible when out of view range

Question
So I want to have embedded YouTube videos. But when you scroll down it's just gonna use the sound and put fixed controls on the bottom of the page.
When you don't see the video anymore but just use it as sound, the quality of the video doesn't matter, so to not drain someone's internet, can I change the YouTube video's quality to the lowest possible (144p) with YouTube ? It should still be possible to change the YouTube video to its old quality when you scroll back up.
Not part of the question, but if you know this you can help me out :)
In this post I saw its not allowed to
just have the controls of the Youtube video to use it for audio. But
if I do it this way where I still use the video but when off the screen just
use the sound. Is this allowed?

play fullscreen video on button click

I was browsing on squarespace's website and saw that they have a button in the bottom right that plays a fullscreen video after it's clicked. When I used bigvideo.js, the video was blurry, but the one Squarespace uses isn't blurry and it also has it's own player. Does someone know how I could achieve this? I'm mainly wondering about how to make my own player and play a video without linking to another html page.
EDIT: It seems they've put videos as the backgrounds. How could they do that?
LINK: http://www.squarespace.com/
Screenshot: http://postimg.org/image/ilptcpvcx/
HTML 5 player has full screen built in.
Alternatively you could look at flowplayer or sublime video.
As for the blurry video are you sure its not just your video quality?

smooth video transition HTML5

looking to use HTML5 video tag and JS. the aim is to make a video swap from one video to the next very smoothly just like a cut in the movie. I have had a look at the API
http://www.w3.org/TR/html5/video.html#tracklist
if anyone has an idea that would be great. My current plan is to familiarise myself with the API and figuare out how to que up the video for a smooth change. currently sellect a src and then play() causes an ugly white space pause before the next video comes in.
many thanks for looking
Use firefox and make hardware acceleration on. if you have good hardware it should work.
and you can also try this method, imagine if you have 5 videos to play and when you are in the 2nd video you can keep them by the video currently you are playing ,keep them on left and right sides and make them pause. when you move on to the 3nd video you can just get that relevant video and make it play. this method should eliminate any unnecessary lags.
HTML5 videos use a very low amount of CPU, so there's no reason you can't have multiple tags on the page at the same time. I would suggest having them all on the page and then using CSS and JavaScript to transition between them.
You won't be able to make this work on iOS since it doesn't allow playback to initialize without user interaction. The user will have to click to start each video.
Annoying, but that's how Apple rolls.

Categories