A common way of embedding elements from one site to another is via iframe code. An IFrame (Inline Frame) is an HTML document embedded inside another HTML document on a website. An iframe by iteself is not responsive and will cause problems in the layout of the page if it's not made to be responsive. 

To embed a video, map, calendar, etc. on a page, you will need make an update to the HTML code of the page you wish to insert it into.  You get to the HTML code by clicking on the Source button in the page editing tools (top right button).

Embedding videos and Maps

You get the iframe code for a YouTube video and/or a Google Map by clicking on their share icon then choosing the embed option.

1.  You will need to add a class of embed-responsive-item to the actual iframe code and remove any height and width specifications....

2. Next, wrap the iframe code in a div tag that corresponds to the aspect ratio of whatever you're trying to embed.

3. Insert the div and iframe code where ever you want it to appear in your page layout using the source view of your page layout.