Video Jukebox using files from my Magix Album Site

[browj2]

Hi,

Further to my post about using video files that are stored on the Magix Album website, I managed to get them to open separately in different widgets on different pages. However, I would like to use the Video Player Plugin developed by Initiostar with help from Acorn such that I can get the file from the Magix album site instead of from an on-linr Assets folder. The problem is limited space for storing the files.

The code is like this: var source ='http://my_webpage/Assets/';

Is there a way to do this, like putting the links somewhere into the web page and referencing these to get the videos?

Thanks,
John CB

References
The following is the thread for the Initiostar Video Jukebox plugin.
https://www.talkgraphics.com/showthr...hlight=jukebox

The following thread allows one to select a video from a computer drive/thumb drive:
https://www.talkgraphics.com/showthr...hlight=jukebox

Link to my thread about using videos stored in my Magix on-line Album:
https://www.talkgraphics.com/showthr...ite&highlight=

[Acorn]

John, can I assume all the videos have a root location?
They can be in any number of subfolders as well so what you need to do is to split the path of each into a common bit and a specific to the video bit.
The common bit is added to the source variable ending with a slash.
The specific bit is the ongoing path all the way to the .mp4 bit.
This forms the link as added to text on the page as javascript: vplayer('path/video-title-filename.mp4')

If there is no common part set souce to an empty string ("") and the links then will be the full web address.

Acorn

[browj2]

Hi Acorn and thanks for replying,

Wonderful!

For future reference

Here is a typical link:

http://www.magix-photos.com/permacod...1641770A641E0C

In the Website HTML Code (Body), I changed the var source to:

var source = 'http://www.magix-photos.com/';

For the placeholder for the particular video, I put:

javascript: playPause('permacodemedia?perma_code=C11E68E0AADE1 1ECAA1641770A641E0C');

so no need for anything that indicates mp4.

Has the problem for turning on/off the display been resolved as indicated by Initiostar in the notes as Known Issues, "v2 will be enhanced with a toggle function for each video, that conditionally recognises whether the the VPP display is on or off. Otherwise if you hit a video, you get audio and no picture"?
Right now, the user has to turn on the display with the Display button.

Also, how should I handle the 'Link to' on the on/off button? I can't add a 'visitors.mp4' as such, but I can add another video and put the link in here. However, what is the video supposed to do? I put a link to one and it ran.

javascript: void vplayer('visitors.mp4');display();

[Acorn]

John, I would try changing function playVid() { view.play(); } to function playVid() { view.style.display = "block"; view.play(); }

It's Initiostar's way of playing a short cut as a filler rather than have a dead space. I thought that had been removed in v2. i only remember it in v1.

Acorn

[Initiostar]

John,

I can confirm that splitting the link works and here is a JB demo: Video-JS-Player_JB.xar with an update to the buttons.

The spilt as I expect you have discovered is to change the var: var source = 'http://www.magix-photos.com/' - thereafter the links are javascript: vplayer('permacodemedia?perma_code=C8131670218211E 98DAE5A490A641E0B') where this is the specific link to your video.

Acorn kindly modified the code a while back and that is included in this version - I have removed the old design notes in your demo. Should you have a long list of videos you can shorten the height of the embedded placeholder as required and use a window scroll to bring a video back into view (that's in the updated example).

The original generic demo now has two additional formats here: https://initiostar.co.uk/demo/EmbedVideo/ - What you will see is I have added video thumbnail links instead of the the list format (ignore the page-based video as it is not relevant here) - this is the format I use for my own website

Demo: Initiostar-Video-Plugin.xar - the code is slightly different, but the principles are the same.

Gary

There is still a minor issue with the Close button - it correctly pauses the video and closes the display - however if you immediately hit the play button it restarts the video in the background (i.e. audio without the image) - not sorted that out atm and I may need Acorn's help - it could reload the video maybe but not start it.

[browj2]

Acorn,

Thanks for that. Gary has given me the modified version.

Gary,

Thank you very much. That is great!
I see what you mean about hitting Play after hitting Close. I modified the file that you sent me to put the image over top of the video placeholder, gave the image a name (videocover) as you indicate in the site instructions. It works fine except for the Close-Play problem.
I also used an image as a test instead of the placeholder with text, following your instructions.

I'll get back on it tomorrow changing the theme to match my wife's site. I had gone through each of the video pages and modified the script to get the videos to play and I'll be scrapping that. The old script from Magix used flash (it still provides the code).
I much prefer the jukebox type as having a page per video seemed to be redundant. I wonder why Xara didn't make a proper widget for jukeboxes.

I'll be interested in seeing how the mobile variant handles this on my cell phone. Currently (not with your model), when I turn the phone sideways, I get the main variant and the video plays but I can't see it. Also, in mobile mode, clicking on full-screen also turned it landscape. Strange.

Thanks again,
John CB

[Initiostar]

John,

Reworked v2 to v3 https://initiostar.co.uk/demo/JSD/vplugin.htm > Video-JS-Player_v3.xar

The display function is removed and replaced with the video cover from the image link version; the outcome being now that the video controls are hidden when the video is inactive; embedded example here: https://initiostar.co.uk/demo/EmbedVideo/

This solves the issue of inadvertently touching close followed by play (as play becomes hidden on close).

v2 had an export 'scroll' now changed to website; there is an issue somewhere with scroll and mobile iOS - works as expected on Android and should be OK now on iOS mobile



The embedded placeholder for the VPP might need a video poster - quirky issue with Firefox atm.

Updated the code to v3.

Let us know how you get on,

Gary

[browj2]

Hi Gary,

Thanks for the updated version.

Here is the result:

http://jcbrown.xara.hosting/Nathalie...er/vplugin.htm

Try as I might, I couldn't get rid of the underlined text. No problems with the MouseOver, just the MouseOff text. It happens on any text that has a link. Any ideas as to how to change this?

Next step will be to try adding it to the main website as per your instructions.

Thanks,
John CB

[Acorn]

John, look at Web Properties > Website > Web link colours and untick Underline text links.

If not there, there will be some CSS around with "text-decoration:underline;" - change this to "text-decoration:none;".

Acorn

[browj2]

Acorn,

It was that easy? Shows how much web design that I've done.

Thanks,
John CB