fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED) Video Modal in Modules

Video Modal in Modules 2 months 3 weeks ago #27547

Hi, i've updates an image in the Video module code below but i don't know if i've deleted something but i can't link or play a video? Can someone help here if possible.

This is the code in the module:

<p><img class="d-none d-lg-block" src="images/img-2.jpg" /></p>
<div class="p-5 d-lg-flex align-items-center text-center text-lg-left">
<div class="image-wrap video-popup mr-lg-5"><img src="images/img-3.jpg" alt="img-3.jpg" /> <!-- Modal -->
<div id="exampleModalCenter" class="modal fade" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header"><button class="close" type="button" data-dismiss="modal"> × </button></div>
<div class="modal-body"> </div>
</div>
</div>
</div>
</div>
<p> </p>
<h5 class="text-white mb-0 mt-4 mt-lg-0">Lorum Ipsum<br />love the Jobshop website</h5>
</div>
The topic has been locked.

Video Modal in Modules 2 months 2 weeks ago #27659

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4348
  • Thank you received: 631
  • Karma: 111
First, Change the text editor from the Global setting. (Editor - None)
Then use this code and change the image accordion to you.
<img src="images/img-2.jpg" class="d-none d-lg-block">
<div class="p-5 d-lg-flex align-items-center text-center text-lg-left">
	<div class ="image-wrap video-popup mr-lg-5">
		<img src="images/img-3.jpg" alt="img-3.jpg">
      <a href="#" class="video-play-btn video-play-btn__small clearfix text-center d-block mb-4 mb-lg-0" data-toggle="modal" data-target="#exampleModalCenter">
		  <i class="fas fa-play bg-secondary text-white"></i>
		</a>
		<!-- Modal -->
		<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
		  <div class="modal-dialog modal-dialog-centered" role="document">
			 <div class="modal-content">
				<div class="modal-header">
				  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
					 <span aria-hidden="true">&times;</span>
				  </button>
				</div>
				<div class="modal-body">
				  <iframe width="100%" height="315" src="https://www.youtube.com/embed/K5UjpEjVZkg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
				</div>
			 </div>
		  </div>
		</div>
	</div>
	<h5 class="text-white mb-0 mt-4 mt-lg-0">It is a long established fact that a reader will<br>be tracted by the readable content</h5>
</div>
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.

Video Modal in Modules 2 months 2 weeks ago #27661

Great, that worked. Thanks.
The topic has been locked.

Video Modal in Modules 2 months 2 weeks ago #27664

  • nishtha
  • nishtha's Avatar
  • Offline
  • Moderator
  • Posts: 2405
  • Thank you received: 213
  • Karma: 33
Hi,

Perfect the problem now seems to be resolved now, topic shall be closed.
Don't forget to rate your experience with our template and do provide us your feedback on our twitter handle: twitter.com/joomdev

Let us know for more.

Thanks,
Nishtha
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.
Moderators: chandandeep
Time to create page: 0.488 seconds
Cron Job Starts