Creating API Key

You’re not wrong!

I’ve made a new project for the plugin and got as far as creating the key:

https://www.dropbox.com/s/8f3wz2mhwjdhw28/api-key.jpg?dl=0

For some reason though when I copy and paste into the WP YouTube Lyte dashboard and test, it says:

Checking your key ...

API key not OK, your key seems to be invalid.

Do you have any idea why that might be or how I might fix that?

Hi Frank, you’re right! I was in the wrong place. I have the correct API key and it is testing OK in the Lyte dashboard 🙂

I am using this code to embed video in our blog pages (in a custom html block):

<iframe title="How To Make A Small Greenhouse To Grow Vegetable Seedlings | Reclaim Design" class="round_edges" src="https://www.youtube.com/embed/G6CqZJChPl4?rel=0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="750" height="422"></iframe>

Here’s the page – https://reclaimdesign.org/diy-trellis-ideas

Is there anything I need to add to this? Or will it work as is?

The Lyte settings I have are:

Player size: 640X360 (YouTube default for 16:9-ratio video)
Add links below embedded videos: No
Player position: Centre
Force HD: No
Add microdata: Yes
Cache thumbnails locally: Yes

I noticed that selecting cache thumbnails creates what looks like a broken YouTube video image:

https://www.dropbox.com/s/2cagu4u03xwom3i/broken-video-image.jpg?dl=0

Is there a way I can change this to be something more user-friendly? Or have I set it up wrong?

One last thing – might there be any issues including this code:

add_filter('lyte_do_mobile','lyte_on_mobile',10,0);
function lyte_on_mobile(){
    return true;
}

And if I add it should the local cache be turned off?

Thank you very much for your help 🙂

• This reply was modified 5 years, 11 months ago by michaelmartin73.

And on mobile the video is not shrinking to fit the width of the screen (previously it did)

Hi Frank,

Here you go:

https://reclaimdesign.org/diy-trellis-ideas

Thanks a lot Frank. I’ll get on to them.

Why is it that the video is not responsive on mobile any longer? It retains the large size for some reason.

Hi Frank, thanks a lot for looking into it for me. Can I please confirm I’ve got the right parent node and then I’ll get on to the CSS 😉 Would it be the table I’ve added it to <table class="text"> or higher up the ladder? If it’s the table I have set that to be:

table.text {
	border-collapse: collapse;
	border-spacing: 0;
	border-width: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

Thank you very much for your help

It’s odd because if I disable the plugin the video becomes mobile responsive again.