# Embedded responsive video is cropped

**URL:** <https://community.hubspot.com/t/embedded-responsive-video-is-cropped/13925>\
**Category:** CMS Development\
**Created:** [April 9, 2019, 6:31pm UTC](https://community.hubspot.com/t/embedded-responsive-video-is-cropped/13925 "2019-04-09T18:31:10Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tan\_Sackett](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tan_sackett/32/22074_2.png) [@Tan\_Sackett](https://community.hubspot.com/u/Tan_Sackett)\
**Post date:** [April 9, 2019, 6:31pm UTC](https://community.hubspot.com/t/embedded-responsive-video-is-cropped/13925/1 "2019-04-09T18:31:10Z")

</div>

I embedded a Vimeo video on this page ([Activate2027 | Register Now](https://go.mpulsemobile.com/activatex)) following the instructions on this page ([https://knowledge.hubspot.com/articles/kcs\_article/cos-pages-editor/how-do-i-make-my-embedded-youtube-video-responsive](https://knowledge.hubspot.com/articles/kcs_article/cos-pages-editor/how-do-i-make-my-embedded-youtube-video-responsive)). The video is responsive but the top and bottom of the video are cropped off. Any thoughts as to how to fix this?

---

<div class="post-metadata">

**Author:** ![Designer\_WOT](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/designer_wot/32/43472_2.png) [@Designer\_WOT](https://community.hubspot.com/u/Designer_WOT)\
**Post date:** [April 10, 2019, 5:35am UTC](https://community.hubspot.com/t/embedded-responsive-video-is-cropped/13925/2 "2019-04-10T05:35:42Z")

</div>

Main cause of issue is that in **ActivateStylesheet.css** file element **.hs-responsive-embed iframe** has given property **top:20px.** Which results in cropping of video.

**Option 1:** To resolve this issue we can change css property **top:20px;** to **top:0px;** in css file.

**Option 2:** Don’t worry if you are not technical enough to change it from css file than you may add below code in page editors html.

```auto
<style>
 body .hs-responsive-embed iframe { top:0px }
</style>

```

Below screen shows where to add code..

 ![video-cropping.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/7/a/7a422a9279cb6bfbd4155cdd38c1f8858df5bd5f.jpeg)