Video Indexing Issues, Video outside viewport after update

Hi,

After I updated to the Newspaper theme version 12.6.1, suddenly the Google Search Console started giving me errors on Video Indexing Issues. It says that “Video outside the viewport”.

Please can you fix this issue in the next update or tell me how to fix this? Because before the update YouTube embeds were fine and these errors were minimal. I am using the latest version of WordPress 6.3.2.

Example URL: https://www.teslaoracle.com/2023/10/14/now-you-can-zip-through-neighborhoods-downtown-tampa-tesla-model-y-suvs/

• This topic was modified 2 years by Iqtidar.

I have rolled back to 12.6 in the meantime as the impact is massive and hundreds of pages have got the error.

Thank You but I already read that tutorial, the number of error pages increased the very next day of updating the theme, so it’s an issue with the newest version of the theme i.e. 12.6.1

I did not make changes to any files, just some additional CSS through the Theme Panel.

The error started occurring after the new update.

I think it’s happening because I am stretching the video to Full Width horizontally. In the Demo websites, you showed Full Width videos on demo pages but when I installed the theme, it kept margins on both sides, I had to look at the code of your Demo website to make the videos go full-width and there is nothing recommended in Documentation for the best way to make videos full width on mobile devices.

Please recommend the best way to make videos Full Width like they are on Demo Pages.

The problem “Video outside the viewport” is not a problem with the Newspaper Theme. It’s just that Google has changed the algorithms for displaying and ranking Youtube videos embedded in publications.

The issue only occurred after I updated the theme to the latest version. The graph started dropping on 6th October, the day after I updated the theme.

The CSS is there in the panel already, I will try re-pasting it. However, I am testing it by downgrading to the previous version.

However, the issue seems widespread within the last week or so.

Ok. So, I did some research and did my own testing. Looks like when the Google Bot crawls the page, the YouTube video is actually Outise the viewport because when you see this example page on a mobile device/browser inspector: https://www.teslaoracle.com/2020/08/10/giga-austin-landscaping-drone-video/

You can see that before coming to its final form, the video is expanded vertically and horizontally, it settles after a few moments. This is what is causing the issue and it’s definitely coming from the theme not anything to do with my custom CSS as I also tried removing the CSS and re-testing.

This is causing huge SEO issues for my website and has given a dent to my traffic hence lost revenue, please fix it and provide and update to the theme, so that publishers like me can recover from the loss.

I am using the Life Pro theme and on the demo website, you guys have only demonstrated a single page content page with no video inserted, how can that demonstrate the full functionality of the theme?

e.g. https://demo.tagdiv.com/newspaper_life_news/2019/02/15/angry-birds-maker-rovio-sees-sales-growth-in-2019-after-weak-fourth-quarter/

Please insert videos on some pages, post the URLs here, I need to test them as well so that we can estimate who’s at fault.

I repeat: the “Video outside the viewport” problem has nothing to do with the Newspaper theme. On our sites that do not use Newspaper Theme, we see problems with Google’s rendition of those pages that use Youtube embedded videos. The problem is massive and can be observed on a large number of sites.

I don’t fully agree, I have been a web dev for a long time and this has to do with how the video is rendering on the page (read my previous reply in detail).

I need to see and test a demo page on the Newspaper Life Pro theme to see how it renders on mobile. TagDiv did not embed a video in a single page on the Demo website to let us see how it looks and how to make it Full Widh, not even in the documentation.

I just want them to show us a page with embedded video, let’s see how it looks and renders.

The issue is widespread because the majority of existing websites aren’t rendering the video correctly. I have turned off Lazy Loading for videos on mobile for now to see if works, but apparently do not.

We’re here to solve the issue, not put it under the carpet. Since it is impacting my SEO and revenue, this is a serious issue.

The core developers at TagDiv can understand the technical issues I am talking about here.

For example, the video here on the Default Newspaper theme is rendering properly: https://demo.tagdiv.com/newspaper_pro/td-post-after-effects-guru-tracking-and-stabilizing-footage/

But I cannot find a page with embedded video on the Life Pro News theme option.

So, I tested the TagDiv Newspaper Default theme with the Google Mobile Friendly testing tool. Screenshot of the Google test result

The test result: https://search.google.com/test/mobile-friendly/result?id=8M2iKKmwbUhHvAHJwHagRQ

This shows the video Outside the Viewport, and this is what the Google Bot is seeing and resulting in errors.

If we can fix this issue, it will help countless other website owners and publishers as well.

@Iqtidar Try putting the video at the top of the page and test it.

• This reply was modified 2 years by Edward.

The example Default theme page I have posted in my above post has the video on top and is still Outside the Viewport.

The articles cannot always have the video on top, they need to be in context.

I’ve been waiting days to hear an answer to this issue. In my further research, the issue has to do with how the YouTube embed function is working.

The CSS that adjusts the dimensions of the video is loaded later and the page is rendered first, this shows the video Outside the Viewport at first (this is what the Google crawler sees and renders). The video is adjusted perfectly later on. But Google marks it as Outside the Viewport area (see screenshot below).

This screenshot was taken from this URL: https://www.teslaoracle.com/2023/08/02/tesla-adds-the-traffic-flow-speed-matching-feature-for-highways-in-fsd-beta-v11-4-6-video/

The same problem happened to me, is your problem solved?

The same problem happened to me, is your problem solved?
Hello sir, I created a post through your newspaper template and then I indexed it on Google search console and it got indexed. But the video that was added to the post was removed from the index a few days later and the error started appearing in the Google search console (Video outside the viewport).Now I want to know that this error is due to design, so please help me. Sir, I hope you understand what I am saying.

I thought it was just a single post issue, but now all posts that had the video posted have been removed from the index. Please find a solution

No,

The issue is not resolved, and neither have the developers replied to this post if they are working on a solution. This issue has given my SEO a big setback.

Right,

But most of the technical solutions suggested in this update need to be implemented in the code. Simply putting a video on top is not the solution.

The video needs to be smaller when it first loads and it’s wider in the Newspaper theme which is the real problem here (see my above posts).

Thanks!