Code issues, "allowfullscreen", loading="lazy", title="xxx" in iframe

My hobby webpage has a lot of videos and pics. So, I use CF LiveStream to host videos and it does a great job. HOWEVER, when I run the webpage code through my Whisk Editor it throws the following error:

1.Error
Bad value “true” for attribute “allowfullscreen” on element “iframe”

On the Catchpoint page load test I get two errors/issues:

  1. All iframes with images must have e.g.: title=”My Video”. And,

  2. Even though it’s not official, you should use the attribute loading=”lazy” in each video iframe.

Does CF have any comment on that? I very briefly tried all three of these tips, but it seemed to create problems rather than make things better. So, I quickly undid them. Most page loads would drag or get glitchy. But, I though maybe that was more about the cache catching up or I was simply confusing the server, temporarily, with the code changes. Or, as usual, I had no idea what I was doing in the first place.

Should I comply with these “tips”?

Nothing wrong with hobby websites :slight_smile:

Lazy
Allows the visible section of a website to load 1st and not load all the videos on the page so the website should open faster. This might be different or require a clearing of the cache to see it work. You would tell by how images, videos show after you scroll down… if fast they will be blank spots for a second.

Titles, alts etc…
These are viewed or not viewed by various themes, software, browsers, devices and part of seo, indexing search engines. If your not concerened about organic traffic then it’s ok. But, such things are also used for visual impared, handicap devices.

1 Like

So, I have added title=“My Video” inside the iframe tags and it seems to be working, meaning nothing breaks. So…good.
Also I went from allowfullscreen=“true” to simply allowfullscreen between the tags and that seems to work.
There’s some discussion on this one on the internet. I have found some of it…unworkable. Anyway, my reference is:

Discus allowfullscreen attribute

The whole loading=“lazy” thing is quite erratic. At this point I am leaving it out and everything seems to work, so…good.

It’s really helpful to me to get some discussion and context about these kinds of things. The rules seem hard and fast, no exceptions, but at the same time if you “validate” some of the big name sites they throw a ton of errors, but still work.

Thanks

1 Like

Yeah, I’ve been working with websites awhile. Can be intemidating if you let it. That’s when you step away, get some fresh air :wink:

1 Like