.У нашей форумчанки Кошки появилось желание добавить ещё некоторые медиахостинги на форум а в частности вот этот coub.com .
Я зашёл на форум поддержки но штатного bbcode на него не нашёл.Нашёл только написанные скрипты самыми форумчанами на добавление видео,аудио с помощью фреймов.
Скажу сразу эта штука работает но после её установки у админа появится ещё один геморой на вопросы форумчан типа а как вставить ссылку или какую ссылку вставлять ну и куда её вставлять...
Я нашёл код.Так что выбор за админом.
в html-верх:
Код:
<style type="text/css">
/* вкладки */
#media-wrapper {width: 400px;}
ul.media-tabs {height: 25px;line-height: 29px;margin: 0 0 3px;list-style: none;}
ul.media-tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.media-tabs li a {background: url("http://uploads.ru/i/P/5/Q/P5Q2V.png") no-repeat scroll -652px 0 transparent;color: #444444;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;width: 95px;}
ul.media-tabs li a:hover {color:#EFEFEF;padding: 0 14px;background: url("http://uploads.ru/i/P/5/Q/P5Q2V.png")no-repeat scroll;background-position: -652px -31px; text-decoration:none;}
ul.media-tabs li.tab-current a {color: #444;padding: 0px 14px 2px;border:medium hidden;line-height: 29px;background-position: -652px -62px;}
ul.media-tabs li.tab-current a:hover {color: #6A5ACD;}
div.media-t2,div.media-t3 {display: none;width: 450px;}
.tipsy-inner {font-size: 14px;}
.media_link { float: left;}
</style>в html-низ:
Код:
<!--дополнительные медиахостинги v.2 © Romych-->
<script type="text/javascript">
$(function(){
var media2 = ['kiwi.kz',
'rutv.ru',
'soundcloud.com',
'purevolume.com',
'livestream.com',
'pleer.com',
'video.jampo.tv',
'yapfiles.ru',
'realmusic.ru',
'1plus1.ua',
'jamendo.com',
'mail.ru',
'instagram.com'];
$('.media_link img').tipsy({live: true,gravity: 's',fade: true});
$('#video-area-hsel').addClass('media-t1');
$('#video-area').prepend('<div id="media-wrapper"><ul class="media-tabs tabs1"><li class="media-t1 tab-current"><a>Первый список</a></li><li class="media-t2"><a>Второй список</a></li></ul><br><div class="media-t2"></div></div><br>');
$.each(media2, function(i) {
$('#video-area div.media-t2').append('<a class="media_link" href="javascript:void(0)"> <img style="padding: 5px;" alt="'+media2[i]+'" title="'+media2[i]+'" src="https://plus.google.com/_/favicon?domain='+media2[i]+'"> </a>');
});
$('#video-area div.media-t2').append('<br><br><div id="video-area-tcon2"><div id="video-area-thd2">Вставьте iframe-код медиафайла (аудио, видео)</div><textarea id="video-area-tinp2" onclick="this.select();"></textarea><div id="video-area-msg2" style="margin: 0.5em 0;padding: 0.3em;"></div></div><div id="video-area-actions2"><a class="frame_host" href="javascript:void(0)" >Вставить</a> <a onclick="changeVisibility(\'video-area\'); return false;"href="#">Закрыть</a></div>');
$('a.frame_host').click(function(e){
var self = $('#video-area-tinp2');
setTimeout(function(e) {
var paste = $(self).val();
paste = paste.replace(/'/gi, '"');
var frm = [];
if(paste.indexOf('param name="movie"') !=-1){
frm = paste.split(/param name=\"movie\" value=\"(.*?)\"/i);
}
if((paste.indexOf('<iframe') !=-1) || (paste.indexOf('<embed')!=-1)){
frm = paste.split(/src=\"(.*?)\"/);
}
if(paste.indexOf('data=') !=-1) {
frm = paste.split(/data=\"(.*?)\"/);
}
if(frm[1].slice(frm[1].indexOf('.swf')+4).length<=2){
var fls = paste.split(/param name=\"flashvars\" value=\"(.*?)\"/i);
frm[1]=frm[1]+'?&'+fls[1];
}
var wd = paste.split(/width=\"(\d{2,3})\"/);
var hg = paste.split(/height=\"(\d{2,3})\"/);
for (var i=0; i<media2.length; i++) {
if(frm[1].indexOf(media2[i]) !=-1) {
insert('[video2='+wd[1]+'|'+hg[1]+']'+frm[1]+'[/video2]\n');
changeVisibility('video-area');
$(self).val('');
}
else {
$('#video-area-msg2').text('Неподдерживаемый хостинг.');
$(self).val('');
}
};
}, 0);
});
$('ul.media-tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,8);
$('div.media-t1, div.media-t2, div.media-t3').hide();
$('div.' + thisClass).fadeToggle('fast');
$('ul.media-tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
});
var ls = document.querySelectorAll(".post-content p");
for (x in ls){
var pst = ls[x].innerHTML;
for (var i=0; i<media2.length; i++) {
if(pst.indexOf(media2[i])!= -1) {
pst = pst.replace(/\[video2=(.*?)\|(.*?)\](.*?)\[\/video2\]/gi, '<br /><iframe width="$1" height="$2" src="$3" frameborder="0" scrolling="no" allowfullscreen></iframe>');
}
}
ls[x].innerHTML = pst;
}
});
</script>после установки мы увидим дополнительную вкладку в окне работы с бб-кодом видео
Отредактировано Морячок (26-01-2017 14:41:27)
