V0VA

Добрый день! Правильнее будет изменить настройки html редактора.
Но если нужно сразу на странице вывести, то можно попробовать так

document.querySelectorAll('figure.media').forEach(element => {
  element.outerHTML = '<div>' + element.innerHTML + '</div><hr>';
});

document.querySelectorAll('oembed').forEach(element => {
  let url = element.getAttribute('url');
  url = url.replace("watch?v=", "embed/");

  const newIframe = document.createElement("iframe");
  newIframe.setAttribute("width", "auto");
  newIframe.setAttribute("height", "auto");
  newIframe.setAttribute("allowFullScreen", "");
  newIframe.setAttribute("frameBorder", 0);
  if (url) {
    newIframe.setAttribute("src", url);
  }

  element.outerHTML = newIframe.outerHTML;  
 } );

Добавляете перед таблицей <div class="overlayTable"></div>
Вначале выполнения скрипта пишете

// JavaScript program to illustrate
			// Table sort for both columns and both directions.
			function sortTable(n) {
				var table;
				table = document.getElementById("table");
				var overlayTable = document.querySelector(".overlayTable");
//добавляем эту строку
				overlayTable.classList.add("working");
//...........

В конце, перед закрывающей фигурной скобкой

//.......
	//удаляем класс	
	overlayTable.classList.remove("working");

			}

Ну а сам добавленный див оформляете как нравится для

.overlayTable {
//
}
.overlayTable.working {
//
}