This post demonstrates the Minimal Mistakes responsive video embed helper. It supports YouTube, Vimeo, Google Drive, and Bilibili — all responsive and GDPR-compliant.
YouTube
Easy Leathercraft Tips and Tricks
A great starter video with practical leathercraft tips:
Advanced Leather Crafting Tips and Tricks
For those looking to level up their skills:
Start at a Specific Timestamp
Append ?start=SECONDS to the video ID to begin playback at a point:
This one starts 30 seconds in — useful for jumping straight to the good part.
Vimeo Example
The same helper works with Vimeo (swap provider="vimeo" and use the Vimeo video ID):
(Replace the ID above with your own Vimeo video.)
Google Drive
You can also embed videos hosted on Google Drive:
Syntax Reference
<!-- Courtesy of embedresponsively.com -->
<div class="responsive-video-container">
<iframe src="https://www.youtube-nocookie.com/embed/VIDEO_ID" title="YouTube video player" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>
</div>
<!-- Courtesy of embedresponsively.com -->
<div class="responsive-video-container">
<iframe src="https://player.vimeo.com/video/VIDEO_ID?dnt=true" title="Vimeo video player" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>
</div>
<!-- Courtesy of embedresponsively.com -->
<div class="responsive-video-container">
<iframe src="https://drive.google.com/file/d/VIDEO_ID/preview" title="Google Drive video player" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>
</div>
<!-- Courtesy of embedresponsively.com -->
<div class="responsive-video-container">
<iframe src="https://player.bilibili.com/player.html?bvid=VIDEO_ID&page=1&as_wide=1&high_quality=1&danmaku=0" title="Bilibili video player" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>
</div>
All embeds are fully responsive — they scale with the viewport and respect the user’s privacy settings.