“Sharing” plugins for html5 video

[Curtis Thompson]

hello…

hmm – well…from the looks of it, the jw player plugin for sharing embeds that link in the flash player that they bundle with the thing, so to replicate that, you’d have to modify your flash player, which i don’t think is an option…

but you could put share links underneath between the title and the close button. you could snag the embed code from jw player and then just modify it to use your video names/links and sizes (or you could grab it from any embed link, really). then you’d need to set up a more permanent page for the video for the link, or add functionality to the main video page that you have to trigger the floater for any given video upon request (if that makes sense)…you could then do your own little floater for those links like they do, but do it in html…

does that make sense?

sitruc

[John Young]

Thanks Curtis.
I think it makes sense.
We already have a permanent page for each video that is generated by our Content Management System. So I don’t think the the link or the embed code would be too difficult. I am just unsure of how to add the functionality to the Mediaelement.js plugin, so that we are able to create a button with those generated links. Does anyone have any experience modified these type of plugins?

Thanks for your help.
John

http://www.johnathanyoung.com

[Curtis Thompson]

hello…

to modify the plugin, you’d need to get the un-minified version of the source and go through it to find the proper locations for the change and then re-minimize the output that you’d changed. note that i’d bet that the license that the media element player is released under would mean that you’d have to make your changes available to the community as well (typically how open source code is licensed)…

in this case, you’d have to add your code to the output either above or below the video div area in the javascript class. that said, i don’t think you need to modify that plugin…you are using the lightbox plugin to make the video show in the little floating frame:

https://lokeshdhakar.com/projects/lightbox2/

and that ultimately just puts the video page in that little frame – the original video page would be this:

https://prosoco.com/Video/64e1261f-19c4-4e11-a510-f2bca42620a2

now you of course know all of this, but what i’m proposing here is that you add the embed/share links to that page itself via html (so don’t modify any plugins). because those pages are generated, you should be able to create the embed and share links using the content you already use to put the video player there to begin with (for both embed and share, all you really need is the video url and the w/h, the latter of which is probably fixed here anyway).

so then you can stylize the links to your heart’s content and put them either above or below or whatever, and then they should be there for usage in the main lightbox floater win…

sitruc