音画【大图自动切换+歌曲：努力走别回头】

老谟深虑

起个网名好难 发表于 2024-11-3 10:43
画面漂亮， 如果浏览器是不支持自动播放的就听不到歌声。

       谢谢老师的告知，那如何解决呢？

微尘

老谟深虑 发表于 2024-11-3 10:37
哈哈，你听不到声音，我也不知道啥原因。我能听到，风情也能听到。
...

刚才你的视频还可以听到殷秀梅唱的歌曲的，这个音画听不到声音了。

咕咚来了

非常阳光的作品，歌声和人物都阳光！点赞！

老谟深虑

微尘 发表于 2024-11-3 10:47
刚才你的视频还可以听到殷秀梅唱的歌曲的，这个音画听不到声音了。

       你再去听听。

老谟深虑

咕咚来了 发表于 2024-11-3 10:58
非常阳光的作品，歌声和人物都阳光！点赞！

        谢谢老乡的美赞和评精鼓励！上午好！

起个网名好难

老谟深虑 发表于 2024-11-3 10:45
谢谢老师的告知，那如何解决呢？

换用可以控制的 audio 标签试试看。

老谟深虑

起个网名好难 发表于 2024-11-3 11:15
换用可以控制的 audio 标签试试看。

        知道了，谢谢！

起个网名好难

老谟深虑 发表于 2024-11-3 10:45
谢谢老师的告知，那如何解决呢？

您是版主，试试下面的代码，可控制的播放器隐藏在画面下端。
  <style>
    .container0 {
      margin: 50px auto;
      width: 1194px;
      box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 0px 14px #7E5908;
      overflow: hidden;
      height: 620px;
      border: 1px solid;
      background: #333 url('https://pic.imgdb.cn/item/67243452d29ded1a8cdf6570.jpg') no-repeat center/cover;
      overflow: hidden;
      position: relative;
    }

    .photo {
      position: absolute;
      width: 100%;
      height: 100%;
      transform: scale3d(0, 0, -300) skew(0, 60deg);
      animation: round 32s infinite;
      opacity: 0;
    }

    @keyframes round {
      5% {
        opacity: 1;
      }

      12% {
        opacity: 1;
        transform: scale(1)
      }

      18% {
        opacity: 0;
        transform: scale(3)
      }
    }

    img:nth-child(1) {
      animation-delay: 28s;
    }

    img:nth-child(2) {
      animation-delay: 24s;
    }

    img:nth-child(3) {
      animation-delay: 20s;
    }

    img:nth-child(4) {
      animation-delay: 16s;
    }

    img:nth-child(5) {
      animation-delay: 12s;
    }

    img:nth-child(6) {
      animation-delay: 8s;
    }

    img:nth-child(7) {
      animation-delay: 4s;
    }

    img:nth-child(8) {
      animation-delay: 0s;
    }

    #aud {
      opacity: 0.05;
      position: absolute;
      left: 45%;
      bottom: 3px;
    }
  </style>
  <div style="position:absolute;width:100%;left:-2px;margin-top:86px;">
    <div class="container0">
      <img class="photo" src="https://file.uhsea.com/2410/13c97599731b13d14bfa938bdd12a4e5UD.jpg" alt="">
      <img class="photo" src="https://file.uhsea.com/2410/7f8ee225fc13b046b8c1bde05316191fBX.jpg" alt="">
      <img class="photo" src="https://file.uhsea.com/2410/19a94cb83488a8397c60d641e56aec26U6.jpg" alt="">
      <img class="photo" src="https://file.uhsea.com/2410/1a8e40775fc45fca7ef8da3e969ce632KF.jpg" alt="">
      <img class="photo" src="https://file.uhsea.com/2410/eee909326f9b2252d1026367a9d6a170C8.jpg" alt="">
      <img class="photo" src="https://file.uhsea.com/2410/3af786a0355cc190274f135d91ab0650XR.jpg" alt="">
      <img class="photo" src="https://file.uhsea.com/2410/99fe858638ec6c163d2b62038c600c046O.jpg" alt="">
      <img class="photo" src="https://file.uhsea.com/2410/97b15c364d3808e1996dee541b5aafffI1.jpg" alt="">
      <div class="container">
        <div class="btn">
          <span id="bf" onclick="bf();" style="width: 120px; height: 120px;z-index: 550;position: absolute;top:-60px; left:880px;"></span>
          <span id="bf" onclick="rbf();"></span>
        </div>
        <div class="items">
          <div class="lrc">
            <ul id="ullrc"></ul>
          </div>
        </div>
      </div>
      <audio id="aud" src="https://cccimg.com/view.php/70c2b3abcb194e50a83e27214f8432e9.mp3" loop autoplay controls onmouseover="javascript:this.style.opacity=0.8" onmouseout="javascript:this.style.opacity=0.05"></audio>
    </div>
  </div>
  <div style="height:800px"></div>

起个网名好难

老谟深虑 发表于 2024-11-3 11:18
知道了，谢谢！

我刚发了歌粗糙的解决方案代码，又要审核

老谟深虑

起个网名好难 发表于 2024-11-3 11:22
我刚发了歌粗糙的解决方案代码，又要审核

        我去通过。