☰

Greasy Fork is available in English.

Forum Media Content

Отображение видео и картинок вместо ссылок

// ==UserScript==
// @name         Forum Media Content
// @namespace    isnt
// @version      1.0.4
// @description  Отображение видео и картинок вместо ссылок
// @author       isnt
// @include      /^https:\/\/((www|qrator|my)(\.heroeswm\.ru|\.lordswm\.com))\/forum_messages\.php.*/
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM.xmlHttpRequest
// ==/UserScript==

(function (window, undefined) {
	let w;
	if (typeof unsafeWindow !== undefined) {
		w = unsafeWindow;
	} else {
		w = window;
	}
	if (w.self !== w.top) {
		return;
	}

	let comment = document.querySelectorAll("td[style='color: #000000; padding: 5px;font-size: 0.8125em;']")
    let author = document.querySelectorAll("td[style='min-width:200px;']");

	Array.from(comment || author).forEach(item => {
		let x = item.innerHTML;
		if (x.indexOf("http") !== -1) {
			if (x.indexOf(".png") !== -1 || x.indexOf(".jpg") !== -1 || x.indexOf(".jpeg") !== -1 || x.indexOf(".gif") !== -1) {
				let img = /(http(s?):\/\/.*\.(?:png|jpg|jpeg|gif|bmp))/g;
				let link = x.match(img);
				for(let i = 0; i < link.length; i++) {
                    if(author[i].innerText !== 'Империя' && author[i].innerText !== 'Empire') {
                        console.log(author[i].innerText)
                        item.innerHTML = item.innerHTML.replace(`${link[i]}`, `
                        <div style="display: flex;align-items: center;">
                            <a href="${link[i]}" target="_blank">${link[i]}</a>
                            <details style="border-radius: 4px;padding: 0.5em 0.5em;margin-left: 12px;background-color: #8F9FA2;color: #222c2d;cursor: pointer;">
                                 <summary>Посмотреть картинку</summary>
                                 <img src="${link[i]}" width="500">
                            </details>
                        </div>`);
                        // <img src="${link[i]}" width="500">
                    }
				}
				// item.innerHTML = item.innerHTML.replace(`${link}`, `<img src="${link}" width="500">`);
			}
		}
		if (x.indexOf("youtu") !== -1) {
                let re = /((ftp|http|https):\/\/)?(?:[0-9A-Z-]+\.)?(?:youtu\.be\/|youtube(?:-nocookie)?\.com\S*?[^\w\s-])([\w-]{11})(?=[^\w-]|$)(?![?=&+%\w.-]*(?:['"][^<>]*>|<\/a>))[?=&+%\w.-]*/ig;
                let url = x.replace(re, `
                        <div style="display: flex;align-items: center;">
                            <a href="http://www.youtube.com/watch?v=$3" target="_blank">http://www.youtube.com/watch?v=$3</a>
                            <details style="border-radius: 4px;padding: 0.5em 0.5em;margin-left: 12px;background-color: #be3737;color: #fff;cursor: pointer;">
                                 <summary>Посмотреть видео</summary>
                                 <embed
                                     src="https://www.youtube.com/embed/$3"
                                     wmode="transparent"
                                     type="video/mp4"
                                     width="500" height="300"
                                     allowfullscreen
                                  >
                            </details>
                        </div>`);
                    item.innerHTML = `${url}`;
            }
	})

})(window);