6,576
edits
Template talk:VideoGallery/sandbox: Difference between revisions
Jump to navigation
Jump to search
m
Template talk:VideoGallery/sandbox (view source)
Revision as of 01:02, 7 February 2022
, 7 February 2022no edit summary
m (→JavaScript) |
mNo edit summary |
||
| Line 58: | Line 58: | ||
var url = div.getAttribute("data-src"); | var url = div.getAttribute("data-src"); | ||
var iframe = document.createElement("iframe"); | var iframe = document.createElement("iframe"); | ||
if(isYT(url)) iframe.src = url; | if (isYT(url)) iframe.src = url; | ||
iframe.setAttribute("allowfullscreen", true); | iframe.setAttribute("allowfullscreen", true); | ||
iframe.setAttribute("frameborder", 0); | iframe.setAttribute("frameborder", 0); | ||
| Line 70: | Line 70: | ||
} | } | ||
function VideoGallery(e){ | |||
var ul = | var ul = e.getElementsByTagName("ul"); | ||
ul = [...ul] | ul = [...ul] | ||
shuffle(ul); | shuffle(ul); | ||
var new_vg = document.createElement("div"); | var new_vg = document.createElement("div"); | ||
var new_obj; | var new_obj; | ||
for(let i = 0; i < ul.length; i++){ | for(let i = 0; i < ul.length; i++){ | ||
if (i < 3){ | |||
new_obj = document.createElement("div"); | |||
new_obj.style = "float:left; margin:0.5em 0 1.3em 1.4em;" | |||
new_obj.appendChild(embedYT(ul[i])); | |||
} else { | |||
if (i == 3) new_vg.innerHTML += "<div style='clear:left'></div>"; | |||
new_obj = ul[i]; | |||
} | |||
new_vg.appendChild(new_obj); | |||
} | } | ||
new_vg. | e.innerHTML = new_vg.innerHTML; | ||
} | } | ||
window.onload = () => { | |||
var vg = document.getElementById("VideoGallery"); | |||
if (vg) VideoGallery(vg); | |||
} | |||
</pre> | |||
Untested outside Firefox with TamperMonkey addon, may need a few clean up before putting it into [[MediaWiki:Common.js]] but everything looks good to me. Some CSS codes used inline in the JS could be moved to [[MediaWiki:Common.css]]. [[User:Lucario|Lucario]] ([[User talk:Lucario|talk]]) 10:43, 5 February 2022 (CET) | |||