How to Embed YouTube Videos in a row

For this example, I just chose three YouTube videos of Tributes I enjoy by Skillet and Thousand Foot Krutch. You can play the videos in the small screen, or open up to full screen.

Here is the HTML & CSS code

Make sure you using the Classic Editor, Text tab or see below for Gutenberg instructions.

Working in the Gutenberg Editor

First add the Custom HTML block

Then add your code, make sure the quotations appear straight up and down, if they are the fancy quotes, the code will not work.

See this example showing the fancy curly or slanted quotes, the Gutenberg and Classic editor will ignore these, and you will get weird output.

So you need to delete them and re-type the quotation mark, so it appears straight up and down like this for every spot where their is a quotation: "

A trick I use, is to paste the code into notepad, this is program that comes with Windows free, needs to be notepad not wordpad or Microsoft Word these will not work for this step. Copy and paste the code there, and if there are any curly or slanted quotes, I copy one and then click edit on the menu and select replace, I’ll paste the curly or slanted quote in the find box, and type in the straight quote in the replace box and then click replace all

It is pretty difficult to see in this screenshot, but this is what I do here:

It is a great time saver if you need to replace the same thing in multiple locations.