Remember me

Nordman theme video embed

6 months 4 days ago #1

  • Anton's Avatar
  • Anton
  • Posts: 12
How does one change the "Play" button for the video embed in the Nordman theme? The background has a place to add the VIMEO file number but the button for "PLAY" only has a place for embed code. When I add Vimeo's iframe code (fixed sizing) nothing changes. The orginal architecture video continues to play if the "PLAY" button is clicked. When I add Vimeo's dynamic size code it seems to corrupt the layout.

Ideas?

Thanks.

Great work, by the way, on the Gridbox system. Very elegant and intuitive.

---
Code has two instances of Vimeo iframe.

<div class="ba-grid-column-wrapper ba-col-8" data-span="8" style="">
<div class="ba-grid-column" id="item-16369812652" data-effect="fadeInUp">
<div class="ba-overlay"></div>


<div class="ba-item-overlay-section ba-item" id="item-16369813360" data-overlay="item-16369813361">
<div class="ba-button-wrapper">
<a class="ba-btn-transition" title="vimeo-player" src="player.vimeo.com/video/874448107?h=4123baa930" width="640" height="360" frameborder="0" allowfullscreen="">
<span class="">play</span>

</a>
</div>


<div class="ba-overlay-section-backdrop lightbox" data-id="item-16369813361">
<div class="ba-overlay-section-close" style=""></div>
<div class="ba-wrapper ba-overlay-section" data-id="item-16369813361">
<div class="ba-section row-fluid" id="item-16369813361">
<div class="close-overlay-section">
<i class="ba-icons ba-icon-close ba-overlay-section-close"></i>
</div>
<div class="ba-overlay"></div>


<div class="ba-section-items">
<div class="ba-row-wrapper ba-container">
<div class="ba-row row-fluid" id="item-16369813363">
<div class="ba-overlay"></div>


<div class="column-wrapper">
<div class="ba-grid-column-wrapper ba-col-12" data-span="12">
<div class="ba-grid-column" id="item-16369813364">
<div class="ba-overlay"></div>


<div class="ba-item-video ba-item" id="item-16369822730" style="">
<div class="ba-video-wrapper"><iframe src="player.vimeo.com/video/579397732?autoplay=0&loop=0" allowfullscreen="" id="1637052982186" data-ready="true" frameborder="0"></iframe></div>


</div>

6 months 3 days ago #2

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
Hello,
Thank you for contacting us

The "PLAY" button is a plugin overlay section inside which there is a video plugin
You can change the button in the overlay section plugin settings

Regards,
Vyacheslav, Balbooa.com

6 months 3 days ago #3

  • Anton's Avatar
  • Anton
  • Posts: 12
Hello Vyacheslav,

I've added the Vimeo iframe info into the button "overlay" section but the "popup video" still displays the original for the architecture firm.

When looking at the code (as pasted above) there are two instances of Vimeo iframe code so it appears the original Nordman template demo popup video is hard coded.

As a a workaround -- is there a way to edit the code directly for index.html as in SP Page Builder?

Regards,
Anton



6 months 2 days ago #4

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
There is no need to add embed to the button settings
You need to open the overlay section plugin will add the video plugin

Best Regards,
Vyacheslav, Balbooa Support Team

6 months 2 days ago #5

  • Anton's Avatar
  • Anton
  • Posts: 12
Hello,

This is getting frustrating. Can you provide a screen image? The overlay section has a place for background video but nothing else. Here is a frame grab. Where can the default template video(vimeo.com/579397732 ) be replaced? Is there a link for the documentation?

The site being developed is ktechnology.ca

Anton



6 months 1 day ago #6

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
Send us a link to page with problem.
Send us FTP access and Joomla admin access via our contact form.
support.balbooa.com/contact-us

Regards,
Vyacheslav, Balbooa.com

6 months 1 day ago #7

  • Anton's Avatar
  • Anton
  • Posts: 12
Sent.

6 months 21 hours ago #8

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
We have received your access,
we will notify you as soon as we find out the reason and fix the problem

Best Regards,
Vyacheslav, Balbooa Support Team

5 months 4 weeks ago #9

  • Anton's Avatar
  • Anton
  • Posts: 12
Hello -- you say you can not see the problem after access given to web site.

1. Visit ktechnology.ca (index.php) has the standard Nordman template layout. There is a "PLAY" button over-top the background video (which I can change) but the video for the pop-up VIMEO can not be changed. It is the default that comes with the template. See photo attached.

2. Can you really not see the problem? The cache has been cleared on the web site and browsers.

3. Your template's VIMEO video ( vimeo.com/579397732 ) appears to be hard coded.




I like the template (and Gridbox) but will go back to something else if this simple issue can not be resolved.

Anton

5 months 3 weeks ago #10

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
Everything works watch the video nimb.ws/dh46q0

Best Regards,
Vyacheslav, Balbooa Support Team

5 months 3 weeks ago #11

  • Anton's Avatar
  • Anton
  • Posts: 12
Thank you Vyacheslav.

So for everyone following this discussion -- the documentation is unclear regarding changing the pop-up video. Within the Gridbox editor, you must...

1. Click on the "Play" button first and allow the pop-up to begin streaming.
2. And only then when you hover over the pop-up video will another green gear edit icon appear that allows you to edit the video (just adding the file number of the video, in my case, a Vimeo number).

So what is not obvious is that the video panel settings are nested.

Do not attempt to add "Embed code" generated by Vimeo (or Youtube) into the parent container (section) as I was doing not seeing any other method. This could be made much clearer in the documentation.

Anton

5 months 3 weeks ago #12

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
Let us know if you need more assistance!

Best Regards,
Vyacheslav, Balbooa Support Team
Powered by Kunena Forum