Play Make Write Think

Embedding video into

Hey everyone, excited to see the posts that have already gone up and the posts to come. Let’s get the video embedded directly into your posts themselves instead of just linking to videos, though it’s probably a good idea to just leave a direct link to the video in the post too, just in case.

It looks like so far most of the videos are hosted on Google Drive, so here is a quick tutorial focused on embedding a video from Google Drive. Other services down at the bottom of the post.

(Click to embiggen any of the screenshots below.)

Open the Google Drive hosted video you want to embed in a tab on your browser. Click on the “More Actions” button, which is usually just three dots, then select Embed item… from the pull-down menu.

Click to embiggen

A dialog box will pop up with the HTML code you will need to embed the item into your post. Copy and paste that snippet of code.

In case you’re interested in understanding how the code works, it begins with a <iframe> tag that basically creates a small picture frame in your page, then it instructs the browser where to go and find the thing that will be displayed within that frame (that’s the src=”” part of the code [src means source]), adds a bit of information about how big the frame should be, and then closes the </iframe> tag.

Then switch over to your WordPress site with your with your post open in the editor. Click on the three little dots for “More tools and options” in the top right corner of your editor window.

Switch from the Visual editor the to the Code editor. The editor page will switch from the WYSIWYG (What you see is what you get) view where your editor looks pretty much the way it will display once you publish the post to a view that shows the underlying HTML code for your post.

Paste the code into your post where you want the video to display.

Then you can switch back to the Code editor and you should get a preview of the video showing up in your post (sometimes it takes a moment to process as the frame has to load separately).

That’s it! Publish or update your post and the video should show up within the post itself.

Other media hosts

If your video is not on Google Drive but is instead in YouTube, you can do the same thing with embed code, or WordPress will automatically embed YouTube videos if you just paste the link.

For TikTok, instead of just copying the link to the video, select “Get embed code” just above that link.

Copy and paste that code into your post following the instructions above.

If you don’t want to switch to the Code editor, in the visual editor you can also add a new block, but select a Video Block instead of just a text box.

Click on “Insert fromĀ  URL” and then paste the link to the video (not the embed code from above, just the normal link) into that box.