BullGuard Antivirus Sale - 60% Off with openElement !
Forum openElement Homepage
Forum Home Forum Home >

openElement

> Suggestion Box
  New Posts New Posts RSS Feed - upgrade HTML 5 Video element with Videojs
  FAQ FAQ  Forum Search   Register Register  Login Login

upgrade HTML 5 Video element with Videojs

 Post Reply Post Reply Page  12>
Author
Message
runjay View Drop Down
Newbie
Newbie
Avatar

Joined: 21 Sep 2020
Location: Seattle
Status: Offline
Points: 12
Post Options Post Options   Thanks (0) Thanks(0)   Quote runjay Quote  Post ReplyReply Direct Link To This Post Topic: upgrade HTML 5 Video element with Videojs
    Posted: 15 Dec 2020 at 20:38

https://videojs.com/ is an open-source video player that could be an excellent update for the current HTML 5 Video element.  Would someone far more knowledgeable than I please look into the videojs code and see if it can used be use to create an openElement MEDIA element?

The current HTML 5 Video element is so out of date that you have to scroll down to the bottom left hand corner of the player to click on a small play icon.  It lacks the standard play button that you see on YouTube videos. Videojs looks like it has all the latest upgrades, capability to change skins and extensive code to play on numerous browsers.

Thanks !

 

Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 5371
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 15 Dec 2020 at 23:57
Using javascript when HTML5 standard propose a clean video interface isn't the best idea.


This is pure HTML5


Edited by Hobby001 - 15 Dec 2020 at 23:58
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 5371
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 15 Dec 2020 at 23:58
On the other hand, developping a new element with video.js takes some time.
Back to Top
runjay View Drop Down
Newbie
Newbie
Avatar

Joined: 21 Sep 2020
Location: Seattle
Status: Offline
Points: 12
Post Options Post Options   Thanks (0) Thanks(0)   Quote runjay Quote  Post ReplyReply Direct Link To This Post Posted: 17 Dec 2020 at 09:17
I have tryed 
https://denislafrance.net/Element/ResponsiveHTML5Video.en-us.htm
and spend days of frustration.
I could not get it to work for more than three vidoes in a project before it stops working.  I email the creator on his web site and got no answer.  
  I have over a hundred children's videos that need to be easily used by 5 year olds, like the current youTube player. youTube is not an option because it takes the students off the web site ditracting them with numerous off site video suggestion.
As HTML 5  video is a major part of web sites, it will be a valueable addition to upgrade the current openElement HTML 5 Video element. So it is worth the time.
Would the creators of videojs be interested in developing a new element?
What skills will I need to learn to help build it?
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 5371
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 17 Dec 2020 at 13:43
Can you give us a link to a page where the videos does not work?
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 5371
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 17 Dec 2020 at 13:54
On this page, I can run 6 videos without any issues

I copied and renamed the same video so they are different video files.

Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 5371
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 17 Dec 2020 at 13:57
Originally posted by runjay runjay wrote:

I have tryed 
I email the creator on his web site and got no answer.  

There was an issue with the email service on my web site, sorry for that


Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 5371
Post Options Post Options   Thanks (1) Thanks(1)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 17 Dec 2020 at 14:26
Originally posted by runjay runjay wrote:

I have tryed 
Would the creators of videojs be interested in developing a new element?

videojs creators are not involved with OpenElement's forum as far as I know

Originally posted by runjay runjay wrote:

What skills will I need to learn to help build it?

You need html, js and css knowledge.  You also need to learn how to use OE's element editor but there is no documentation on it.  I went trough that frustrating exercice of taking existing supplemental elements and trying to create some new ones.

Go to this page: https://denislafrance.net/index.en-us.htm

And click on OE Elements


Edited by Hobby001 - 17 Dec 2020 at 14:26
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 5371
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 18 Dec 2020 at 14:39
I took a look at videojs and it runs over html5 standard video tag.  It simply adds javascript code on top of html5 video tag.

The element that I built is also using and is limited to html5 standard video tag.

If you allready have issues with my element it might be caused by your host.

Try the following test:

Download the following file: https://we.tl/t-JJK3ReHpzJ

Unzip the content on your site root directory or any folder of your choice.

Open Movietest.htlml with your favourite browser and come back with the result.

Movietest.html is a plain html file without css nor javascript code.
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 5371
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 18 Dec 2020 at 14:52
You may also download the Html5 video element version 3.1, I just made a minor fix on it.


Back to Top
 Post Reply Post Reply Page  12>
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 10.11
Copyright ©2001-2012 Web Wiz Ltd.

This page was generated in 0,031 seconds.