之前帮人家做过一个小功能,

利用audio音频标签去重复播放,引用了一段svg,跟audio一起播放

然后出现了audio可以重复播放,但是svg不重新播放,搜了很多svg自带的方法都没有能够使他重新播放

 

 

 

 

 

  // window.onload = function () {
      var oMedia = document.getElementById("media");
      //play()和autoplay开始播放时触发
      var svg = document.getElementsByTagName("svg")[0];
      console.log(svg);
      var svgs = document.getElementById("svgs");
      svg.pauseAnimations();

      oMedia.addEventListener("play", function () {
        //在这里写代码
        // document.getElementById("imgsrc").src = "./assets/image/way1.svg";
        var element = document.querySelector("svg");
        var cloneElement = element.cloneNode(true);
        element.parentNode.replaceChild(cloneElement, element);
      });
      oMedia.addEventListener("ended", function () {
        //在这里写代码
        document.getElementById("imgsrc").src = "./assets/image/template.svg";
      });
posted on 2020-04-16 10:47  祁祁  阅读(575)  评论(0编辑  收藏  举报