Issue 5727 - Implement non-embedded homepage video on abp.org

static/js/index.js

 (function()
 {
+  document.documentElement.className = "js";
+
   var visibleTab;
   var container = document.getElementById("more-container");
 
   window.toggleMore = function()
   {
     if (container.className == "hidden")
       container.className = visibleTab || getDefaultTab();
     else
       container.className = "hidden";
   }
 
   window.showTab = function(button)
   {
     var id = button.id.substr(5);
     container.className = id;
     visibleTab = id;
   }
 
   function getDefaultTab()
   {
     var content = document.getElementById("content");
     var ua = content.className.match(/ua\-([^\s]+)/);
     visibleTab = ua && ua[1] || "firefox";
     return visibleTab;
   }
+
+  function changeImageToVideo(event)
+  {
+    event.preventDefault();
+
+    var image = this;
+
+    var video = document.createElement("iframe");
+    video.id = "video";
+    video.setAttribute("frameborder", "0");
+    video.setAttribute("height", "285");
+    video.setAttribute("width", "520");
+    video.setAttribute("itemprop", "video");
+    video.setAttribute("allowfullscreen", "allowfullscreen");
+    video.setAttribute("src", image.getAttribute("href"));
+    
+    image.parentNode.replaceChild(video, image);
+  }
+
+  document
+    .getElementById("video")
+    .addEventListener("click", changeImageToVideo);
+
 })();