Joomla Templates Club 406,261 posts

[cytropics Friend cytropicsJoin date: April 2014Posts: 44Downloads:38Uploads:20 Thanks: 5 Thanked: 1 times in 1 posts]

#1063154

Need some help.

Is it possible to turn the video module (screenshot "current…) to video module in screenshot (how_to_get..)?

Regards.

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1063216

Hi
In this case you can simply create a custom html module and publish it.
The code would be like this

  <div class="col-sm-7 video-content">
<p> abcs your text</p>

      </div>
    <div class="col-sm-5 video-player">

                                <iframe src="https://player.vimeo.com/video/146314880?api=1&amp;player_id=player1" width="630" height="354" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
                                </div>

Regards

[cytropics Friend cytropicsJoin date: April 2014Posts: 44Downloads:38Uploads:20 Thanks: 5 Thanked: 1 times in 1 posts]

#1063239

Hi,
I implemented, one issue, how do I get it to be responsive? It flows over in mobile and tablet view.

Thanks in advance.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1063246

Hi
You can replace the width value to 100% to make the iframe responsive.

Regards

[cytropics Friend cytropicsJoin date: April 2014Posts: 44Downloads:38Uploads:20 Thanks: 5 Thanked: 1 times in 1 posts]

#1063250

Hi,
I made change, it is now responsive. How do I get rid of the black space in the video frame? See screenshot.

Thanks.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1063263

Hi
You can not because its responsive and change the size as per container size.
Its the same height that you added in the iframe.

Regards

[cytropics Friend cytropicsJoin date: April 2014Posts: 44Downloads:38Uploads:20 Thanks: 5 Thanked: 1 times in 1 posts]

#1063361

Hi,
I noticed it is done in your demo. See screenshot attached. Was hoping to apply something similar.

Thanks.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1063408

Hi
In demo its using JA ACM module that is style with different css,php and js file and changes its height value as per screen size reduces.
I suggest you to use JA ACM module to get the same style.

Regards

[Author]

Posts