Very Strange Audio/Video Embed Issue with Self-Hosted Audio/Video

[EricMesa]

I thought this was cahe-related at first because of how weird it is, but I tried different browsers and both Windows and Linux computer. I created a post at:

​http://server.ericsbinaryworld.com/blog/video-embed-test/

It should be showing two videos and two audio files. Here's what's in the post:

This should be audio file 1:

[audio mp3="http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/Jonathan-Coulton-ThePrincessWhoSavedHerself.mp3"][/audio]

this should be video file 1:

[video width="1280" height="720" webm="http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/Nothing-to-Prove-Geek-Girls-The-Doubleclicks-s4Rjy5yW1gQ.webm"][/video]

this should be audio file 2:

[audio mp3="http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/Jonathan-Coulton-ThePrincessWhoSavedHerself.mp3"][/audio]

should be video file 2:

[video width="1280" height="720" mp4="http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/TheDailyShow-DifferencesBetweenLatinos-small-h264.mp4"][/video]

However, the area where the embeds should be is blank. When I first created the past I put one audio embed and it worked. Then I put the video embed and both of them stopped working. Then I added the second audio embed and it worked again. Added the second video embed and it stopped working. But here's the nutty thing that made me escalate from a support forum to a trac but - you'd think that if I then removed the second embedded video, it would work again. But no. Now nothing I do related to embeds works. Also tried turning WP Super Cache on and off and deleting cached files. Doesn't seem to affect it.

And I have another post where I wanted to embed the second file and it won't show up there either.

[SergeyBiryukov]

All four embeds on your page appear to work for me in Firefox 22.

[EricMesa]

It's not working for me here at work (Firefox 19). (When I made the ticket I was at home) I have attached an image. If I try it in IE (instead of FF) I get a bunch of js errors. Let me know if there's something I can do in FF (dev console or something) that would help me to provide you with diagnostics.

Thanks.

[EricMesa]

Here's an odd thing to add into the ticket - if I am logged out, it works, but if I'm logged in it doesn't. Except when that decides not to work. Looking at the source for the page - it appears to be missing all of this:

					<div class="entry-content">
						<p>This should be audio file 1:</p>
<!--[if lt IE 9]><script>document.createElement('audio');</script><![endif]-->
<audio class="wp-audio-shortcode" id="audio-6988-1" preload="none" style="width: 100%" controls="controls"><source type="audio/mpeg" src="http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/Jonathan-Coulton-ThePrincessWhoSavedHerself.mp3" /><a href="http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/Jonathan-Coulton-ThePrincessWhoSavedHerself.mp3">http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/Jonathan-Coulton-ThePrincessWhoSavedHerself.mp3</a></audio>
<p>this should be video file 1:</p>
<div style="width: 604px; max-width: 100%;"><!--[if lt IE 9]><script>document.createElement('video');</script><![endif]-->
<video class="wp-video-shortcode" id="video-6988-1" width="604" height="340" preload="metadata" controls="controls"><source type="video/webm" src="http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/Nothing-to-Prove-Geek-Girls-The-Doubleclicks-s4Rjy5yW1gQ.webm" /><a href="http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/Nothing-to-Prove-Geek-Girls-The-Doubleclicks-s4Rjy5yW1gQ.webm">http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/Nothing-to-Prove-Geek-Girls-The-Doubleclicks-s4Rjy5yW1gQ.webm</a></video></div>
<p>this should be audio file 2:</p>
<audio class="wp-audio-shortcode" id="audio-6988-2" preload="none" style="width: 100%" controls="controls"><source type="audio/mpeg" src="http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/Jonathan-Coulton-ThePrincessWhoSavedHerself.mp3" /><a href="http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/Jonathan-Coulton-ThePrincessWhoSavedHerself.mp3">http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/Jonathan-Coulton-ThePrincessWhoSavedHerself.mp3</a></audio>
<p>should be video file 2:</p>
<div style="width: 604px; max-width: 100%;"><video class="wp-video-shortcode" id="video-6988-2" width="604" height="340" preload="metadata" controls="controls"><source type="video/mp4" src="http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/TheDailyShow-DifferencesBetweenLatinos-small-h264.mp4" /><a href="http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/TheDailyShow-DifferencesBetweenLatinos-small-h264.mp4">http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/TheDailyShow-DifferencesBetweenLatinos-small-h264.mp4</a></video></div>
											</div><!-- .entry-content -->

when it's not working

[EricMesa]

Ugh. I know Step 1 of any debugging is to turn of plugins. And I did go through trying to turn off plugins that made sense - WP Super Cache, for example. Poking around in the page source I saw:

<p>Mannually adding the code:</p>
<div style="width: 604px; max-width: 100%;"><!--[if lt IE 9]><script>document.createElement('video');</script>< ![endif]--><br />
<video class="wp-video-shortcode" id="video-6988-1" width="604" height="340" preload="metadata" controls="controls"><source type="video/webm" src="http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/Nothing-to-Prove-Geek-Girls-The-Doubleclicks-s4Rjy5yW1gQ.webm" /><a href="http://server.ericsbinaryworld.com/blog/wp-content/uploads/2013/08/Nothing-to-Prove-Geek-Girls-The-Doubleclicks-s4Rjy5yW1gQ.webm"><span class="hilite">http://server</span>.<span class="hilite">ericsbinaryworld</span>.com/blog/wp-content/uploads/2013/08/Nothing-to-Prove-Geek-Girls-The-Doubleclicks-s4Rjy5yW1gQ.webm</a></video></div>

Note the span class hilite part. That made me think of a plugin I have called Search Hilite. It is from Matt Mullenweg and appears to be a Wordpress official plugin. But disabling it appears to have fixed the issue.

What should I do going forward? Is that still an active plugin or is it left over from rounds upon rounds of upgrades? Do I file a bug against that plugin?

note: since things are working now, I removed that page from my site

[sabreuse]

Looks like Search Hilite hasn't been updated since 2005 -- so it's not too much of a surprise that it's causing issues with more recent releases. Glad you were able to sort out the problem!

[EricMesa]

feel free to close the bug