How to Embed and Arrange Videos on Expanded Employer Profile Pages
Summary This article explains how to embed videos so they display directly on an expanded profile page, recommended sizes (including a responsive option), and how to arrange multiple videos side‑by‑side.
Embedding a video so it displays on the page
- Open the employer (profile) page in the editor by navigating to Publish>Employers
- Switch the editor from Visual to Text.
- Paste the video's embed/iframe code.
- Convert the iframe into the platform shortcode format:
- Remove the closing tag.
- Replace the angle brackets < > with square brackets [ ].
- Example shortcode: [iframe width="560" height="315" src="VIDEO_URL" allowfullscreen]
- Save the page. The video will display inline on the page.
- You can add multiple video shortcodes on the same page.
Recommended video sizes
- Fixed sizes:
- Width: 560–700 px
- Height: 315–400 px
- Responsive option (adapts to different screen widths):
- [iframe width="100%" height="400" src="VIDEO_URL" allowfullscreen]
Placing multiple videos next to one another
- Use a simple HTML table in the Text editor and place an iframe shortcode inside each table cell.
- Example two-video layout:
[iframe width="100%" height="315" src="VIDEO_URL_1" allowfullscreen] [iframe width="100%" height="315" src="VIDEO_URL_2" allowfullscreen] - You can add a third for three across or repeat rows for more videos.
- Note: on smaller screens, table columns will naturally stack vertically (this stacking behavior is by design and not currently customizable).
Traffic and device guidance
- Use the responsive shortcode (width="100%") to ensure videos display cleanly across desktop and mobile.
- Observed usage patterns: desktop traffic is slightly higher overall for career content, while mobile is heavily used when students click through from email.
- There is no built‑in report to show whether a specific page is viewed more on desktop vs. mobile.
Troubleshooting tips
- If a video does not display after saving, verify you converted the iframe to the shortcode format (removed closing tag and changed <> to []).
- If multiple videos are not aligning as expected on desktop, confirm each shortcode is inside its own table cell and that widths/heights are set consistently.
- Use width="100%" for the iframe shortcode when you want the video to resize to the container width.
Conclusion Embed videos by converting iframe embed code into the platform shortcode in the Text editor, choose fixed or responsive sizes (recommended ranges provided), and arrange multiple videos side‑by‑side using a simple table. Use the responsive width="100%" shortcode to keep videos looking good across desktop and mobile, and expect columns to stack on smaller screens.