@BirdyOz: YouTube embedder

Get code snippets for various layout and design elements, including interactive elements.

Get responsive Youtube embed code, complete with video box, title, description and playtime

Get responsive Unsplash image embed with attribution, for various screen layouts. Download appropriately resized images

Get responsive Pixabay image placeholder with attribution. Download resized images, to replace this placeholder.

Get Shutterstock image placeholder with attribution. To be replaced with the purchased shutterstock original.

YouTube responsive video embedder

A Bookmarklet to create HTML snippets to embed a YouTube video. These can be pasted into any HTML editor, such as the ATTO editor in Moodle

Videos are fully responsive (scale to 100% of the container). 'Video box' is pre-populated with title, playtime, description and aspect ratio

First time user?

Drag the following bookmarklet into your browers bookmark bar: YouTube Embedder
(Note: Make sure you drag the link onto your browser bookmarks. Clicking will just bring you back to here)
Visit YouTube and locate the video that you want
Click on the 'Youtube embedder' in your bookmarks
You will be returned to this page, but now your selected video will be displayed below
Press the copy button next to the layout type that you prefer. This will copy the HTML to your clipboard
Paste this HTML anywhere that you can paste code (eg a Moodle page or tool)

Get responsive Youtube embed code, complete with video box, title, description and playtime