embedResize.js 909 B

12345678910111213141516171819202122232425262728293031323334
  1. (function () {
  2. var embed = document.querySelector(".embed-wrapper, .embed-video");
  3. if (!embed) return;
  4. var video = embed.querySelector("video");
  5. if (video) {
  6. video.onplay = function () {
  7. embed.classList.add("video-playing");
  8. };
  9. video.onpause = video.onended = function () {
  10. embed.classList.remove("video-playing");
  11. };
  12. }
  13. var lastHeight = 0;
  14. function sendHeight() {
  15. var h = embed.offsetHeight;
  16. if (h !== lastHeight && h > 0) {
  17. lastHeight = h;
  18. window.parent.postMessage(["resizeIframe", { h: h }], "*");
  19. }
  20. }
  21. // MessageChannel height request (used by oEmbed)
  22. window.addEventListener("message", function (e) {
  23. if (e.source === window.parent && e.ports && e.ports[0]) {
  24. e.ports[0].postMessage(embed.offsetHeight);
  25. }
  26. });
  27. window.addEventListener("load", sendHeight);
  28. new ResizeObserver(sendHeight).observe(embed);
  29. })();