Make WordPress Core

Opened 9 years ago

Closed 9 years ago

#24949 closed defect (bug) (worksforme)

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

Reported by: ericmesa's profile EricMesa Owned by:
Milestone: Priority: normal
Severity: normal Version: 3.6
Component: Embeds Keywords:
Focuses: Cc:

Description

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.

Attachments (1)

Video Embeds not embedded.PNG (27.8 KB) - added by EricMesa 9 years ago.

Download all attachments as: .zip

Change History (8)

#1 @SergeyBiryukov
9 years ago

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

#2 @EricMesa
9 years ago

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.

Last edited 9 years ago by EricMesa (previous) (diff)

#3 @EricMesa
9 years ago

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

Last edited 9 years ago by EricMesa (previous) (diff)

#4 @EricMesa
9 years ago

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

Last edited 9 years ago by EricMesa (previous) (diff)

#5 @sabreuse
9 years ago

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!

#6 @EricMesa
9 years ago

feel free to close the bug

#7 @sabreuse
9 years ago

  • Milestone Awaiting Review deleted
  • Resolution set to worksforme
  • Status changed from new to closed
Note: See TracTickets for help on using tickets.