Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

No image displayed where folder names have spaces


OK, so I am slowly migrating my website away from Flash to HTML5. I noticed today while coding my playlist using rss format that images do not display properly when a space occurs in the folder (subdirectory). The following example demonstrates the issue.

Note: My server is Windows/IIS OS.

Example:
All music folders that contain a "space" in the folder name will NOT display the image associated with the music file being played properly. I tested this twice by creating identical folders with the exception of adding underscore characters where spaces normally appear in the folder name.

This only affects the display of the images. It does not affect the music files which may reside in sub-folders that have spaces in the folder name.

NO image is displayed!
<item>
<title>Avenged Sevenfold - So Far Away</title>
<jwplayer:image>[metal]/Avenged Sevenfold/Nightmare_AlbumArt.jpg</jwplayer:image>
<jwplayer:source file="[metal]/Avenged Sevenfold/Nightmare/Avenged Sevenfold - So Far Away.mp3" /> </item>

Image displays properly!
<item>
<title>Avenged Sevenfold - So Far Away</title>
<jwplayer:image>[metal]/Avenged_Sevenfold/Nightmare_AlbumArt.jpg</jwplayer:image>
<jwplayer:source file="[metal]/Avenged_Sevenfold/Nightmare/Avenged Sevenfold - So Far Away.mp3" />
</item>

Second Example

NO image is displayed!
<item>
<title>We Are The Fallen - I Am Only One</title>
<jwplayer:image>[metal]/We Are The Fallen/WATF_AlbumArt.jpg</jwplayer:image>
<jwplayer:source file="[metal]/We Are The Fallen/Tear The World Down/10 - I Am Only One.mp3" />
</item>

Image displays properly!
<item>
<title>We Are The Fallen - I Am Only One</title>
<jwplayer:image>[metal]/We_Are_The_Fallen/WATF_AlbumArt.jpg</jwplayer:image>
<jwplayer:source file="[metal]/We_Are_The_Fallen/Tear The World Down/10 - I Am Only One.mp3" />
</item>

I would rather this issue be fixed than rename all the folders on my server with spaces in the folder name. This would also require updating all the playlist.xml files used with earlier versions of JWplayer.

Thoughts / Comments?

5 Community Answers

fbuttry

User  
0 rated :

Production Website at: http://www.buttrynet.com/buttunes/default.html

Test Website at: http://www.buttrynet.com/buttunes/defaultA15.html

MisterNeutron

User  
0 rated :

As a first step, get rid of the old JW Player code on your test page - you're loading the JW5 version of jwplayer.js after you've loaded the JW6 version, which is virtually guaranteed to cause havoc.

If that doesn't fix things, try encoding the spaces in your URL's:

/We%20Are%20The%20Fallen/

(Off-topic, but while you're updating things, it's time to dump the XHTML Transitional DOCTYPE and start using HTML5, and get rid of deprecated tags like <font>.)

fbuttry

User  
0 rated :

Thanks MisterNeutron!

I'm reusing some of the old coding in the new default page. I have disabled it. It didn't have any impact on the issue.

Encoding the spaces into the URL (within the rss playlist) did the trick.

XHTML doctype dumped. I'm using the free version of Expression Web 4 and it auto-magically adds it with new docs.

MisterNeutron

User  
0 rated :

I had a suspicion that encoding the URL's would take care of it.

You've changed to the HTML5 DOCTYPE, but haven't made any of the actual code changes required. So, the page won't validate. It would appear that EW4 is mired in 15-year-old coding styles.

fbuttry

User  
0 rated :

Working on it... slowly fixing weird behaviors..

This question has received the maximum number of answers.