Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
cassidyb

Embedding Vertical Video Resolution

Recommended Posts

Hi, 

Hope someone can help! I'm trying to embed a vertical video (not 16x9) on my site but the code I'm using does not work. 

Currently it looks like the below screenshot. I'm using the embed feature with this code:  https://www.youtube.com/watch?v=TWmsvIQYqSI&feature=youtu.bew=270&h=480 I would love for the actually embedded video to be 270 by 480. What am I doing wrong? how can I get those black bars outta there!?!

Screen Shot 2019-10-08 at 11.20.23 AM.png

Share this post


Link to post

I did something like this recently with Vimeo videos. See https://www.inthewhiteroom.com

The trick is to insert the video block but use the embed feature rather than pasting the url. 

image.thumb.png.84f596495281ef5e0aafca4abb5683c5.png

 

image.png.e7051e79516811a6084378af25d0c610.png


Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post


Link to post

This didn't seem to work for me. Even using the embed code it still displays as a horizontal video with black bars on the sides. The video displays vertically without any black bars on YouTube just fine and the embed code specifies the correct width and height but Squarespace seems to just ignore it.

 

<iframe width="560" height="315" src="https://www.youtube.com/embed/P6tF3PttVLs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

 

Share this post


Link to post

@CpeoplesIIIThe answer is:  You cannot crop within a video image as the video was originally encoded at full-frame and requires a software decoder embedded within the video for playback.  The embed code within SQS works fine for youtube videos. If you own a video that you want to crop, you have to  import your full-fame video into video editing software, crop the video, re-size the video (zoom in on itself, going to look pixalated or have black borders, or be a non-standardized video file size) with an effect. When you have rendered your new video you then re-compress the video for export and then import to your platform of choice (must be a standard video size).  There is a possible CSS solution; if you place the video as a background and use a foreground overlay as a frame, however as the video playback controller is embedded with the video your going to require some serious coding capability and expect your site to be black listed by Google very quickly. 


mcgouran.john@gmail.com

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...