Video SEO Sitemaps

Nevermind. The code below fixes it. I can now use Video SEO Sitemaps. But please note: Your plugin seems to conflict with Yoast SEO CSS in the Admin panel, and makes theirs unreadable.

<style>
#css-poster {
background: #000 url(/path/to/image.jpg) 0 0 no-repeat;
background-size: 100%;
-webkit-transition: background 1s .5s;
-moz-transition: background 1s .5s;
}
#css-poster.is-poster {
background-size: 100%;
}
</style>
<div [flowplayer] id=”css-poster” data-ratio=”0.532″ class=”flowplayer minimalist” ><video preload=”auto”><source type=”video/mp4″ src=”/path/to/test.mp4″>
</video></div>

Screenshot of this Flowplayer Plugin messing up the code for Yoast SEO. I have also let them know about it. When I disable yours, theirs returns to normal.

Without a Video SEO Sitemap, Google does may know I have a video on the page, but it does not know what thumbnail to use, or how long the video is. When there is one, it shows an icon in the google searches, with a time attached. Just like they do for YouTube videos.

Your plugin places all the video information in the SQL database, so it only translates when the page is created. None of the Video Sitemap Plugins I tried will even know there is a video.

With the code above placed in, and 3 lines in the header, I am able to display the correct information for the Sitemap to do it’s thing.

Here is the funny part though. At this point, I have 99% no need for your plugin anymore, as disabling it still allows for Flowplayer to work on nearly every browser I have thrown at it, even mobiles.

However, it simply wont display on Mac with Firefox, unless I enable your plugin too. While this sounds amazingly strange, I have the same bug when using VideoJS. It started with one of these “automatic” updates, most likely WordPress going to 3.8 I think it was. Suddenly, my entire site broke, and I was scrambling around tying to find the cause and solution.

I liked your plugin, and liked the clean code in the post, and very easy to teach an assistant to do this, but without any SEO support, it’s kind of a killer to me. I tried to get Yoast to suppoort, but they just shrugged at me. Bummer.

I had copied the 381 lines of code, and replaced the admin.css file code, that I easily found. However, Yoast still looked the same.

While I get the concept, I just don’t know enough about finding css problems and replacing code to competently fix it myself.

Thanks, I learned something new today, never heard of the term minify before, as I am not a coder. I put code into Admin.css, minified and put into admin.min.css and it’s working fine now. Thank you.

Now if I could just figure out why your code works on osx/firefox, where everything else I have tried fails, I would be all set.