Jump to content
jojoking

Videobox section shortcode

Recommended Posts

jojoking

I have to admit to being baffled.

I'm trying to embed a video (from my WP media library) within a WP post using the videobox section shortcode.

The shortcode section popup only allows two items to be configured - the section type, in this case videobox - and a unique id. There's no URL or other parameters such as autoplay or loop which are available within the Pagelines editor.

Whatever I put in the unique ID makes no difference to what is shown which seems to be a default video with stars or white noise on a black background.

I assume I need to define this ID somewhere else, or maybe WP has done it for me?

HELP!

 

PS This is the page source generated when a shortcode is added within the WP post editor

<!-- VideoBox | Section -->
<section id="videobox_1675853156" class="pl-sn pl-col-sm-12 pl-col-sm-offset-0 pl-sn-videobox"  data-object="PL_VideoBox" data-clone="1675853156" data-level="0"><div class="pl-sn-wrap"><div class="pl-sn-pad fix" data-bind="pledit: true" >
		<div class="video-highlight"><h3 class="video-title" data-bind="pltext: vb_title"></h3></div>
		<div class="pl-video-box" data-bind="plcallback: { vb_autoplay: vb_autoplay(), vb_loop: vb_loop(), vb_controls: vb_controls(), vb_video: vb_video()}" data-callback="videobox">
				    <video id="280414138" autoplay loop >
			  <source src="https://www.handinhandmanchester.org.uk/wp-content/plugins/pl-section-videobox/default.mp4?r=280414138" type="video/mp4" />
			 	No browser html5 video.
			</video>

			<script>
				jQuery('#280414138')[0].load();
			</script>
				</div>

</div></div></section>
</div>

 

If I add a videobox section using the Pagelines page editor the page source generated includes my video:

<!-- VideoBox | Section -->
<section id="videobox_udvu4uz" class="pl-sn pl-col-sm-12 pl-col-sm-offset-0 pl-sn-videobox"  data-object="PL_VideoBox" data-clone="udvu4uz" data-level="0"><div class="pl-sn-wrap"><div class="pl-sn-pad fix" data-bind="pledit: true" >
		<div class="video-highlight"><h3 class="video-title" data-bind="pltext: vb_title"></h3></div>
		<div class="pl-video-box" data-bind="plcallback: { vb_autoplay: vb_autoplay(), vb_loop: vb_loop(), vb_controls: vb_controls(), vb_video: vb_video()}" data-callback="videobox">
				    <video id="429558737" autoplay loop >
			  <source src="https://www.handinhandmanchester.org.uk/wp-content/uploads/2017/04/HIHWelcome.mp4?r=429558737" type="video/mp4" />
			 	No browser html5 video.
			</video>

			<script>
				jQuery('#429558737')[0].load();
			</script>
				</div>

</div></div></section>

 

Edited by jojoking
add code (see edit history)

Share this post


Link to post
Share on other sites
Andrew

ya the ID is randomly generated, so is this not working?

if not, a live link helps

Share this post


Link to post
Share on other sites
jojoking

Hello Andrew,

The shortcode button within the WP editor generates the following:

[pl_section section="videobox" id="1675853156"]

What I want to know is how I associate my video file with this. Are there are other shortcode parameters I can specify? I've tried various things to no avail.

Here's my test page link https://wp.me/P7MH1F-6E

This just has the shortcode above with a bit of text above it. You can see from the page source I've posted above that this plays the default video at

/wp-content/plugins/pl-section-videobox/default.mp4

The video that is actually playing is from a section using the pagelines editor rather than a shortcode. The one from the shortcode is below it.

Edited by jojoking (see edit history)

Share this post


Link to post
Share on other sites
Andrew

ah, the answer is that you just click this on the front end and enter the settings on the front end as usual

Share this post


Link to post
Share on other sites
jojoking

Thanks Andrew - I hadn't even thought of trying that! I assumed if it was buried within the WP content I couldn't do anything with it! I've tried it and it works: thanks for your help.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • sakkthi subramaniyam
      By sakkthi subramaniyam
      Working on a very old site which has  pagelines framework theme. I need section plugin. so i can install postpins section. I have lost backup copy.
      Thank you.
    • communicreations
      By communicreations+
      Don't know if anyone else is having this problem, but VideoBox Plugin no longer seems to be working. All videos get replaced with a 15-second duration video that looks a little like sparks flying across a black background. I disabled all other plugins and it was still happening. So I went and tried it on a blank WordPress install on a local machine and same problem.
      The new video widget does work and appears to be the best workaround.
    • elementalkites
      By elementalkites+
      Good evening. I am attempting to use the Impulse section on a page I am working on (https://dev.elementalkites.com). The tool seems to have the ability to overlay a logo on top of the slider images but in my case it isn't working, even though I have added the logo file and given it a height to display at. I have attached a screenshot for reference. Any help would be appreciated.
       
       
    • mrhinsh
      By mrhinsh+
      I have found that many of the components, especially lists, do not work in the Edge browser. 
      For example https://nkdagility.com/ has 6 video boxes that only render in Chrome and do not show in Edge.
    • John Olsson
      By John Olsson+
      We're often working with ACF (https://www.advancedcustomfields.com/) that's great for user experience in the backend, 'cause we don't want out clients to be in the editor to much.
      So we want to be able to use shortcodes in the editor fields, regardless of section, THIS WOULD BE SO GREAT. Is there a way to fix this, it should open up som much more functionality.
      In ACF, the shortcode is for example: 
      [acf field="field_name"] ...for example, I want to att field_names value to display in a section, i understand I can make it in embed and so, but I want it in titles and options, the whole range.
      I know I can build my own sections, that we've done, but it's not very effective, and thats what PL5 is about.
      Any ideas on this, can Pagelines take this in the core? I guessing there are more than just ACF out there who can use this.

×