Opened 12 years ago
Closed 12 years ago
#24949 closed defect (bug) (worksforme)
Very Strange Audio/Video Embed Issue with Self-Hosted Audio/Video
Reported by: |
|
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)
Change History (8)
#2
@
12 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.
#3
@
12 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
#4
@
12 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
All four embeds on your page appear to work for me in Firefox 22.