Make Videos Responsive
Sometimes, Vimeo videos may have an unresponsive iframe when included in the text editor of the website, making it so when the page is viewed on mobile, the video goes off the screen.
To fix this so that it is responsive, do the following steps:
1. Find the page with the unresponsive video in Sitecore Content Editor
2. Find the content section with the video and click "Edit HTML:"
3. Find a URL that includes the video link, something similar to https://player.vimeo.com
4. Copy the section including the URL as a backup
5. Remove that section and replace it with the following, replacing 0000000 with the number in the video link:
<div class="embed-responsive embed-responsive-16by9">
<iframe src="https://player.vimeo.com/video/0000000" allow="autoplay; fullscreen" width="640" height="360" frameborder="0"></iframe>
</div>
6. Save and publish
7. Test
8. If it didn't work, you have your backup code to copy back in as needed