llz123 发表于 2026-6-18 19:25:51

2026 世界杯宣传曲《Waka Waka Vibe – Move Now》（哇卡哇卡律动）欣赏

<style>

    #iframeContainer {
      width: 1400px;            
      margin: 120px 0;            
      transform: translateX(var(--offsetX, 0px));
      
      background: transparent;
      border: none;
    }
    iframe {
      width: 100%;
      height: 800px;
      border: none;
      display: block;            
    }
</style>


<div id="iframeContainer">
    <iframe src="https://www.llz123.net/llz/llz/mulu/waka/" frameborder="0" scrolling="no"   allowfullscreen ></iframe>
</div>

<script>
(function() {
   
    function centerContainer() {
      var el = document.getElementById('iframeContainer');
      if (!el) return;

      
      if (el.offsetWidth === 0) {
            setTimeout(centerContainer, 50);
            return;
      }

      
      var curOffset = parseFloat(getComputedStyle(el).getPropertyValue('--offsetX')) || 0;

      
      var rect = el.getBoundingClientRect();

      
      var originalLeft = rect.left - curOffset;

      
      var targetCenter = window.innerWidth / 2;

   
      var width = el.offsetWidth;

      
      var newOffset = targetCenter - (originalLeft + width / 2);

      
         newOffset -=-15;

   
      if (Math.abs(newOffset - curOffset) > 1) {
            el.style.setProperty('--offsetX', newOffset + 'px');
      }

      
      if (!window.__resizeObserver) {
            window.__resizeObserver = new ResizeObserver(function() {
                centerContainer();
            });
      }
      
      if (window.__resizeObserver.__target !== el) {
            if (window.__resizeObserver.__target) {
                window.__resizeObserver.unobserve(window.__resizeObserver.__target);
            }
            window.__resizeObserver.observe(el);
            window.__resizeObserver.__target = el;
      }
    }

   
    if (!window.__iframeEventsBound) {
      window.__iframeEventsBound = true;

      window.addEventListener('resize', centerContainer);

      if (document.readyState === 'complete') {
            centerContainer();
      } else {
            window.addEventListener('load', centerContainer);
      }
    }


    centerContainer();
})();
</script>

llz123 发表于 2026-6-18 19:28:45

世界杯宣传曲比主题曲更激情澎湃，推荐与大家分享。鼠标可以控制球体滚动，按提示操作即可。

醉美水芙蓉 发表于 2026-6-18 19:40:43

哇！老师又带来了好听的歌曲.

醉美水芙蓉 发表于 2026-6-18 19:41:45

足球⚽️播放器真漂亮！

醉美水芙蓉 发表于 2026-6-18 21:01:36

这个播放器功能强大，足球还能放大和缩小！

klxf 发表于 2026-6-19 23:22:28

llz123 发表于 2026-6-18 19:28
世界杯宣传曲比主题曲更激情澎湃，推荐与大家分享。鼠标可以控制球体滚动，按提示操作即可。 ...

全新视野，匠心之作，效果一流，谢谢llz123老师精彩分享

llz123 发表于 2026-6-20 16:33:52

醉美水芙蓉 发表于 2026-6-18 21:01
这个播放器功能强大，足球还能放大和缩小！

谢谢美芙蓉，祝福开心快乐！

llz123 发表于 2026-6-20 16:34:18

klxf 发表于 2026-6-19 23:22
全新视野，匠心之作，效果一流，谢谢llz123老师精彩分享

谢谢klxf支持，祝福开心快乐！

llz123 发表于 2026-6-28 16:49:09

醉美水芙蓉 发表于 2026-6-18 21:01
这个播放器功能强大，足球还能放大和缩小！

问好美芙蓉，谢谢欣赏支持！

llz123 发表于 2026-6-28 16:49:27

llz123 发表于 2026-6-20 16:34
谢谢klxf支持，祝福开心快乐！

问好klxf，谢谢欣赏支持！
页: [1]
查看完整版本: 2026 世界杯宣传曲《Waka Waka Vibe – Move Now》（哇卡哇卡律动）欣赏