☰

webm/mp4 media embed for HKGALDEN v 0.1

replaces links to .webm & .mp4 content with embedded video

  1. // ==UserScript==
  2. // @name				webm/mp4 media embed for HKGALDEN v 0.1
  3. // @version				2015 SEP 8th
  4. // @author				Toggi3 , sakura nao
  5. // @namespace			http://hkgalden.com/
  6. // @description			replaces links to .webm & .mp4 content with embedded video
  7. // @include				http://hkgalden.com/*
  8. // ==/UserScript==
  9.  
  10. (function() {
  11.  
  12. 	var page_links = document.links;
  13. 	for (var i=0; i<page_links.length; i++){
  14. 		if (page_links[i].href.match(/\.webm$/i)) {
  15. 			var span = document.createElement("div");
  16. 			var width = "640"
  17.             var height = "480"
  18. 			code_str = ""
  19. 			code_str += " <video \n"
  20. 			code_str += "width=\""+width+"\" max-height=\""+height+"\" allowfullscreen controls>\n"
  21. 			code_str += "<source \n"
  22. 			code_str += "src=\""+page_links[i].href+"\" type=\"video/webm\" />\n"
  23. 			code_str += "</video>\n"
  24. 			span.innerHTML = code_str
  25. 			page_links[i].parentNode.insertBefore(span, page_links[i].nextSibling)
  26. 		}
  27. 		else if (page_links[i].href.match(/\.mp4$/i)) {
  28. 			var span = document.createElement("div");
  29. 			var width = "640"
  30.             var height = "480"
  31. 			code_str = ""
  32. 			code_str += " <video \n"
  33. 			code_str += "width=\""+width+"\" max-height=\""+height+"\" allowfullscreen controls>\n"
  34. 			code_str += "<source \n"
  35. 			code_str += "src=\""+page_links[i].href+"\" type=\"video/mp4\" />\n"
  36. 			code_str += "</video>\n"
  37. 			span.innerHTML = code_str
  38. 			page_links[i].parentNode.insertBefore(span, page_links[i].nextSibling)
  39. 		}
  40. 	}
  41. }
  42. )();