[Resolved] Video Package Help

[Peter]

I have a videoscribe video that is intended to open from clicking a button. At the end of the video, there are buttons in the video that the viewer can click to take action – so it needs to play, then stop at the end.

My problem is that I got the package from the videoscribe person with a bunch of files in it and I don’t understand how to install them so the package works. The index.html file in the folder Exit Plan HTML Package.mp4 (yes, it’s stupid name for a folder) is supposed to run the whole package. The folders & files are as follows:

Top Folder: Exit Plan HTML Package
Folder1: _MACOSX
Folder: Exit Plan HTML Package.mp4
File: ._.DS_Store
File: ._embed.css
File: ._index.html
Folder1.1: media
File: ._.DS_Store
File: ._index_player.html
File: ._xmpFile.xml
Folder1.1.1: scripts
File: ._config_xml.js

Folder2: Exit Plan HTML Package.mp4
File: .DS_Store
File: embed.css
File: index.html
Folder2.1: media
File: .DS_Store
File: Exit Plan HTML Package.mp4.mp4
File: FirstFrame.png
File: index_player.html
File: Template_Quiz_Preview.html
File: xmpFile.xml
Folder2.1.1: scripts
File: config_xml.js
File: embedded-smart-player.min.js
File: techsmith-smart-player.min
Folder2.1.2: skins
File: techsmith-smart-player.min.css

Can you help me sort out where I put the different files to get this to work?

Thank you!

Peter

[Leo]

Hi Peter,

Unfortunately this isn’t something we can help with in the support forum here as it’s not GP/theme related.

You will need to check with the person who provided you with the package.

If he can provide the instruction that works in a twenty series WP theme, the same method should work in GP.

Sorry about that and hopefully you will be able to get it to work.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Peter]

Wwelll, not looking good. If I just want the video to play in a popup window if someone clicks a button, can you help me understand how I set that up?

[Leo]

Maybe a plugin like this would help?
https://wordpress.org/plugins/video-popup/
https://wordpress.org/plugins/responsive-youtube-vimeo-popup/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Peter]

Thanks, I’ll check it out

[Peter]

I see a bunch of stuff on that page about it not working with Gutenberg, won’t that be a problem with GeneratePress & GenerateBlocks?

[Leo]

You will need to test the plugin first and maybe check with the plugin author first if it doesn’t work with the Gutenberg editor.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Peter]

I tried putting this code from the support page into the button

[wp-video-popup video="https://www.youtube.com/watch?v=YlUKcNNmywk"]

And nothing happens when I click the button.

It says on the support page:

“Trigger/Open the Lightbox

CSS class that needs to be added to the element you want to open the lightbox:

wp-video-popup

Example Link to open the lightbox:

<a href="#">Play Video</a>

I don’t understand how to do that? Where do I put this code?

[Leo]

Unfortunately we are not able to provide support for other plugins in this forum.

Have you checked with the plugin support?

As for the CSS class part, I’d assume they are referring to something like this:
<a href="#" class="wp-video-popup">Play Video</a>

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Peter]

I tihnk you’re right about the CSS class, I’m just not clear where I put that?

[Peter]

Figured it out, FYI, there’s a good resource on this here:

[Leo]

Glad to hear 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Peter]

thanks

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts