How to resize magnific pop up light box

1 reply · opened Sep 16, 2016

Ssicnarf033Sep 16, 2016

Hello,

I am looking to resize the light box but I am not sure how to do so. I have iframes with video content that vary in sizes. Right now the lightbox is at a widescreen ratio but I want it to look more of a fullscreen ratio.

I have videos that are 640x480, 700x600, and 640x540. It would be nice to get them to resize the iframe depending on the content.

Here is the html section:


					

						
							Our Work
							
						

						

							
							

								
									
										[
											
![attachment](images/portfolio/blank_logo.png)

										](#)
										
											[](videos/vsp/)
										
									
									
										BLANK
										Advisor Experience
									
								

								
									
										[
											
![attachment](images/portfolio/backroads_logo.png)

										](#)
										
											[](videos/backroads-advisor/)
										
									
									
										Backroads Active Travel
										Advisor Experience
									
								

								
									
										[
											
![attachment](images/portfolio/inspirent_logo.png)

										](#)
										
											[](videos/inspirent/)
										
									
									
										Inspirent Motors
										Vision Variable Video
									
								

								
									
										[
											
![attachment](images/portfolio/la_quinta_logo.png)

										](#)
										
											[](videos/laquinta/)
										
									
									
										La Quinta
										Advisor Experience
									
								

								
									
										[
											
![attachment](images/portfolio/bransons_logo.png)

										](#)
										
											[](videos/bransons/)
										
									
									
										Branson's Outlet
										Vision Variable Video
									
								

								
									
										[
											
![attachment](images/portfolio/westcott_logo.png)

										](#)
										
											[](videos/westcott/)
										
									
									
										Westcott
										Advisor Walkthrough
									
								

								
									
										[
											
![attachment](images/portfolio/sears_logo.png)

										](#)
										
											[](videos/sears/)
										
									
									
										Sears
										Advisor Experience
									
								

								
									
										[
											
![attachment](images/portfolio/fairseas_logo.png)

										](#)
										
											[](videos/fairseas/)
										
									
									
										Fair Seas
										Advisor Walkthrough
									
								

							

						

						

						
							Case Studies
							
						

						

							
							

								
									
										[
											
![attachment](images/portfolio/blank_logo.png)

										](#)
										
											[](videos/vsp)
										
									
									
										BLANK
									
								

								
									
										[
											
![attachment](images/portfolio/backroads_logo.png)

										](#)
										
											[](videos/backroads/)
											[](http://marketing.nimblefish.com/backroads-case-study)
										
									
									
										Backroads Active Travel
									
								

								
									
										[
											
![attachment](images/portfolio/carnival_logo.png)

										](#)
										
											[](http://marketing.nimblefish.com/carnival-case-study)
										
									
									
										Carnival Cruises
									
								

								
									
										[
											
![attachment](images/portfolio/att_logo.png)

										](#)
										
											[](videos/att/)
										
									
									
										AT&T
									
								

							

						

					

				
SSemicolon WebSTAFFSep 19, 2016

Hello,

Resizing the iFrame according to the Video Sizes is Currently not supported since iFrames have a Fixed size and at this moment it is not possible to resize the iFrames pro-grammatically. But this is Definitely Possible using an Inline Modal Type: http://themes.semicolonweb.com/html/canvas/lightbox.php as you can easily adjust the Modal Size according to your needs. You will also need to Embed your Videos directly inside the Page to use the Inline Modal Types. Do let us know if yu want an Implementation Example or a Sample Code.

Hope this Helps. Thanks for your Patience.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard