Hacker Read

toomanydoubts · 2022-06-20 12:57:48

I think you should be able to get pretty far with HTML5 <video> tag. You can also sprinkle something like playerjs or videojs to make it nicer.

dutchflyboy | karma 160 | avg karma 2.25 · | 2010-01-13 23:28:29+00:00

Well, it could be done with HTML5 and the video tag.

cobbzilla | karma 2370 | avg karma 3.03 · | 2023-04-28 09:44:36

This uses video.js which wraps <video> and adds a lot more goodies.

solistice | karma 584 | avg karma 1.38 · | 2013-03-09 00:29:18+00:00

HTML 5 video?

pan69 | karma 3171 | avg karma 2.12 · | 2010-05-13 13:16:36+00:00

I've never used the video tag. I'm sure there is more involved than adding <video></video> tags to my page. I'll probably have to do some research to get it working the way I want. "How do I make the play and pause button the way my visual guy designed them" would the first question that would come to mind. I guess the same goes for a Flash based solution.

antoineMoPa | karma 1858 | avg karma 3.0 · | 2018-01-01 15:42:05+00:00

With a client side library (gifjs). I might switch to video for a better quality though.

ajnin | karma 2845 | avg karma 4.46 · | 2020-11-02 08:55:33+00:00

HTML5 <video> tag works just fine if you want to put a video up somewhere.

shawabawa3 | karma 5773 | avg karma 4.04 · | 2013-07-25 08:42:58+00:00

I guess you could always whip up an html5 page to play local videos

fowlduck | karma 193 | avg karma 16.08 · | 2015-10-21 02:39:20

I'll transcode the vid and set up videojs properly, if it'll help

kilroy123 | karma 4378 | avg karma 2.73 · | 2012-08-23 18:13:29+00:00

Interesting, it's using canvas to play the video. Wonder if there is player API for JavaScript.

sathio | karma 19 | avg karma 1.27 · | 2015-04-28 00:03:27+00:00

it would be great if an html5/JS interface existed for MP4 videos. I think it's possible

adimit | karma 20 | avg karma 1.54 · | 2010-07-04 06:34:53

While I do agree that a [video] tag would've been nice, I'll also recommend you get FlashBlock for whatever browser you're using.

(Sorry for blatant OT)

reply

rmc | karma 15660 | avg karma 2.36 · | 2010-08-17 15:12:37+00:00

The Web is moving to include video. Just look at the <video> tag in HTML5.

Cthulhu_ | karma 26640 | avg karma 2.23 · | 2021-11-30 02:35:33

If you want to go that way, prefer html5 videos, they are a lot more compact and have options to pause and navigate.

lovskogen | karma 645 | avg karma 1.31 · | 2011-01-12 11:17:00+00:00

It's a great method for start using HTML5 <video>, cross platform - http://videojs.com/

scott_karana | karma 3540 | avg karma 1.9 · | 2014-07-20 05:41:54

When using the <video> element, you can do exactly that. So we'd probably be in good shape. :)

(At least in Firefox, Chrome, and Safari. Try it out: http://www.w3.org/2010/05/video/mediaevents.html)

reply

ta223 | karma 12 | avg karma 1.2 · | 2013-10-26 18:38:49+00:00

Quite the opposite. The video -- because it's huge compared to JS, CSS, etc. -- /does/ make sense to host on YouTube. The /player/ does not belong embedded in the page though. Take a screenshot, host that on your own crummy web server, and link to YouTube, ideally with a notice to the effect of "Clicking this link will share your information with YouTube..."

csomar | karma 16546 | avg karma 2.52 · | 2010-10-20 10:53:28+00:00

I'm working on an HTML5 video player. The special features that will differentiate it from others are a sharing widget in the video and a gallery that show up when the video ends pushing the user to watch more videos.

Any other ideas?

reply

taf2 | karma 3607 | avg karma 1.95 · | 2013-01-01 22:37:11+00:00

mediaelement: (http://mediaelementjs.com/) works well for audio - haven't tried it with video but i'm sure it's good.

maherbeg | karma 432 | avg karma 2.17 · | 2015-02-13 19:28:45+00:00

I'm one of the developers on the video player used on that page. Great work guys!

Edit: I should add in, the player is primarily Javascript with a small rendering engine for Flash fallback. Even in the Flash case, everything is controlled via JS through a flash bridge. We prioritize HTML5 video when possible across browsers and devices.

reply