How to embed YouTube videos to the website without using iframes?

Asked May 07 '22 at 05:43

Active May 07 '22 at 10:10

Viewed 25 times

I have embedded YouTube videos to the website using iframes. The website is fetching videos in real-time which mean whenever the user uploads a new video on YouTube, it is updated on the website too.

Now there are two reasons I'm looking for iframes alternate.

It makes the website slow. Every time the site is loaded, videos are fetched from YouTube and it is making the website slow.
I'm learning SEO, and I read iframes hurt website SEO performance.

So, what alternates do I have?

edited May 07 '22 at 10:10

Stephen Ostermiller

21,408
12
81
104

asked May 07 '22 at 05:43

DMT

The `` alternative is to show images (video poster or thumbnail) and then only show the video's iframe when the user clicks a thumbnail. For example: You could make a Div with ID for each image added, also have one `<iframe>` with visibility off, then on thumbnail click, the Div's Id is checked and the iframe is added (using `appendChild`) to the correct Div. You change layer order using `z-index` in the **style** settings of the iframe. Not obvious what kind of code you have, so hard to advise. Try something and ask a question about those code issues (show testable code). – VC.One May 14 '22 at 12:19

How to embed YouTube videos to the website without using iframes?

0 Answers0