Right now: 50% off EVERYTHING!

Community Forum

Welcome to our user to user community. If you need support for a product, please open a support ticket.

Keyword

Topic-icon Using the xstream module in a modal module

  • RaymondBrogan
  • RaymondBrogan's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
3 months 4 weeks ago - 3 months 4 weeks ago #442 by RaymondBrogan
RaymondBrogan created the topic: Using the xstream module in a modal module
Good day all!
So I thought I was pretty smart, until I came upon an idea... I wanted to make a button (success) which popped up a modal using the modal plugin from the wonderful people at JOOMLAXTC (success).

Now, the question is, how do I get the video to play in that modal?

Please have a look at my current code which works:
<center>
<div class="home-text">
<header class="home-content">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<h3 class="xxxxxxx"><img src="images/Main-Logo-Build-in-white.png" alt="xxxxxxxxxx" width="258" height="194" /></h3>
<h1 class="xxxxxxx big2"><span class="text-rotate"> xxxxxxx xxxxxxxxxx, xxxxxx xxxxxxx,xxxxx xxxxxxxxxx, We Listen &amp; Produce, This is what we do! <br /> </span></h1>
<div class="xxxx-xxxx"><a class="btn btn-primary" href="#about">xxx xxxx</a> <a class="btn btn-primary" href="#give">xx xxxx</a> {modal href="xxxxxxxxxxxxxxxxxxxxx" rel="{handler:'iframe',size:{x:800,y:600}}" class="btn btn-primary"}Play Reel{/modal} 
<!-- original button switched for modal button --->
<!-- <a class="btn btn-primary" href=xxxxxx.com" target="_blank" data-modal-id="popup">Play Reel</a></div> -->
</div>
</header>
</div>
</center>
<div class="local-scroll"> </div>

and this was the result:


I attempted:
 {modal {video http://my url/video/videoname.mp4,400,300,1,#000000,transparent,&showTitle=off} rel="{handler:'iframe',size:{x:800,y:600}}" class="btn btn-primary"}Play Reel{/modal} 

and it failed miserably by skewing the page all about.

I am open to ideas!
Anyone?Thanks in advance!
Last Edit: 3 months 4 weeks ago by RaymondBrogan. Reason: The bolding code in the code did not work

Please Log in or Create an account to join the conversation.