У меня есть список воспроизведения для потокового проигрывателя на странице. У меня возникают проблемы с треками, названия которых содержат специальные символы. В настоящее время у меня есть код ниже, который отлично работает:
$(function(){
$f("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf", {
clip: {
baseUrl: "http://localhost/gbc/"
},
playlist: [
{ url: "media/20140724_agoodsong.mp3",
name: "20140724_agoodsong.mp3",
title: "this title works",
class: "audio",
id: "3"
}
]
});
$f("player").playlist("div.playlist:first", {loop:true});
});
Однако второй я ставлю в названии спецсимвол не работает типа title: "this doesn't work"
. Я не могу сказать об ошибках; в консоли инструментов разработчика или в журналах сервера Apache ничего нет. Все отображается нормально, просто когда я нажимаю на песню, чтобы воспроизвести ее, плеер становится черным, и ничего не происходит. Я попытался поставить перед ним обратную косую черту, чтобы избежать этого, как это title: "this still doesn\'t work"
, но это ничего не меняет. Вот что заставило меня подумать, что это как-то связано с тем, как с этим справляется плагин Flowplayer Playlist. Поскольку он берет эти значения в JavaScript и вставляет их в шаблон в html следующим образом:
<div class="playlist">
<ul class="${class}">
<li>
<img data-name="${name}" class="audio" src="images/delete.png" id="${id}" />
<a href="${url}">
${title}
</a>
</li>
</ul>
</div>
Вот FIDDLE, который показывает проблему. В настоящее время это работает, но если добавить в заголовок какой-либо специальный символ, оно перестанет работать. Даже добавление html-кодов, таких как '
для апострофа, мешает ему работать.
Кто-нибудь знает, как я могу включить заголовок со специальными символами?