Плеер, возьму от uppod - доступна бесплатная версия.
Скачиваете архив с плеером, распаковываете, заливаете флешку на сайт, запоминаете (записываете) ссылку на неё - пригодится ... )
Там же, на сайте, есть конструктор, в котором можно изменить внешний вид плеера, добавить/удалить кнопки, настроить цветовое оформление, размеры, прочее, и тут же получить HTML-код для вставки на сайт.
Вот он-то нам и нужен.
Вот так выглядит код моего плеера, который используется в примерах:
Для аудио-файлов:
Code
<object type="application/x-shockwave-flash" data="/_content/_publ/2011/bb-code/uppod_v0947.swf" width="450" height="55"><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="/_content/_publ/2011/bb-code/uppod_v0947.swf" /><param name="flashvars" value="st=/_content/_publ/2011/bb-code/a_pl450x63-dp3.txt&file=http://casting.mp3.ru/upload/audio/LikBezz_02untilmylastbreathmp3_Oct_10_07_22_35_GMT_2010_1066689958.mp3" /></object>
Для видео-файлов:
Quote
<object type="application/x-shockwave-flash" data="/_content/_publ/2011/bb-code/uppod_v0947.swf" width="500" height="375"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="/_content/_publ/2011/bb-code/uppod_v0947.swf" /><param name="flashvars" value="st=/_content/_publ/2011/bb-code/v_500x375_hdp4.txt&file=http://www.youtube.com/watch?v=tpehI7qHRZE" /></object>
Где:
/_content/_publ/2011/bb-code/uppod_v0947.swf - ссылка на файл плеера. В обоих случаях.
st=/_content/_publ/2011/bb-code/a_pl450x63-dp3.txt - ссылка на файл стилей - актуально только если устанавливали и скачивали стили, не обязательный параметр.
file=http://www.youtube.com/watch?v=tpehI7qHRZE - ссылка на медиа-файл.
...
☑ Смотреть в живую ...
В данном случае, нас интересует фрагмент кода, обоих плееров, где указана ссылка на медиа-файл, то бишь вот этот:
Quote (Code)
<param name="flashvars" value="comment=<b>Nightwish</b> - «Sleeping Sun» &st=/_content/_publ/2011/bb-code/v_500x375_hdp4.txt&file=http://www.youtube.com/watch?v=tpehI7qHRZE" />
- В видео-плеере, и почти идентичный в аудио-плеере:
Quote (Code)
<param name="flashvars" value="comment=<b>Tarja</b> «Until My Last Breath»&st=/_content/_publ/2011/bb-code/a_pl450x63-dp3.txt&file=http://casting.mp3.ru/upload/audio/LikBezz_02untilmylastbreathmp3_Oct_10_07_22_35_GMT_2010_1066689958.mp3" />
По этим местам и будем «разбивать» код на две части - до ссылки, и сразу после:
Смотрим сам скрипт (оригинальный):
Code
<script type="text/javascript">
e=document.getElementsByTagName("TD");
for(k=15;k<e.length;k++){
if(e[k].className=='posttdMessage'){
s=e[k].innerHTML;
while(s.indexOf('[bbcode]')!=-1){
s=s.replace('[bbcode]','bbcode');s=s.replace('[/bbcode]','/bbcode');
e[k].innerHTML=s;
}}};
</script>
И заменяем/добавляем, необходимые нам участки кода в скрипте:
Сначала, сами BB-коды:
Code
<script type="text/javascript">
var e=document.getElementsByTagName('td'),j=e.length;
for(k=15;k<j;k++){
if(e[k].className=='posttdMessage'){
s=e[k].innerHTML;
while(s.indexOf('[mp3]')!=-1){s=s.replace('[mp3]','bbcode');s=s.replace('[/mp3]','/bbcode');}
while(s.indexOf('[flv]')!=-1){s=s.replace('[flv]','bbcode');s=s.replace('[/flv]','/bbcode');}
e[k].innerHTML=s;
}};
</script>
А потом и их HTML-представление:
Для [mp3]:
Code
while(s.indexOf('[mp3]')!=-1){s=s.replace('[mp3]','<object type="application/x-shockwave-flash" data="/_content/_publ/2011/bb-code/uppod_v0947.swf" width="450" height="55"><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="/_content/_publ/2011/bb-code/uppod_v0947.swf" /><param name="flashvars" value="st=/_content/_publ/2011/bb-code/a_pl450x63-dp3.txt&file=');s=s.replace('[/mp3]','" /></object>');}
Для [flv]:
Code
while(s.indexOf('[flv]')!=-1){s=s.replace('[flv]','<object type="application/x-shockwave-flash" data="/_content/_publ/2011/bb-code/uppod_v0947.swf" width="500" height="375"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="/_content/_publ/2011/bb-code/uppod_v0947.swf" /><param name="flashvars" value="st=/_content/_publ/2011/bb-code/v_500x375_hdp4.txt&file=');s=s.replace('[/flv]','" /></object>');}
Всё вместе:
Code
<script type="text/javascript">
var e=document.getElementsByTagName('td'),j=e.length;
for(k=15;k<j;k++){
if(e[k].className=='posttdMessage'){
s=e[k].innerHTML;
while(s.indexOf('[mp3]')!=-1){s=s.replace('[mp3]','<object type="application/x-shockwave-flash" data="/_content/_publ/2011/bb-code/uppod_v0947.swf" width="450" height="55"><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="/_content/_publ/2011/bb-code/uppod_v0947.swf" /><param name="flashvars" value="st=/_content/_publ/2011/bb-code/a_pl450x63-dp3.txt&file=');s=s.replace('[/mp3]','" /></object>');}
while(s.indexOf('[flv]')!=-1){s=s.replace('[flv]','<object type="application/x-shockwave-flash" data="/_content/_publ/2011/bb-code/uppod_v0947.swf" width="500" height="375"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="/_content/_publ/2011/bb-code/uppod_v0947.swf" /><param name="flashvars" value="st=/_content/_publ/2011/bb-code/v_500x375_hdp4.txt&file=');s=s.replace('[/flv]','" /></object>');}
e[k].innerHTML=s;
}};
</script>
☑ Смотреть что получилось ...