i标签点击事件在Internet Explorer 11中不起作用

Question

     <button type="button" class="btn cms-btn-contorls">
                <i class="fas fa-play" onclick="playBannerVideo(this);"></i>
                @*<i class="fas fa-pause" style="display:none;"></i>*@
            </button>

  function playBannerVideo(e) {
            console.log(e);
            $(e).hide();
            $(".cms-banner-text").hide();
            var $vid = $("#cms-video");
            $vid.attr("controls", true);
            var vid = document.getElementById("cms-video");
            vid.play();
        }

请打开波纹管链接并检查主页横幅视频在Internet Explore 11中不起作用，但在chrome和Edge中正常工作。

https://smart-structures-dev.azurewebsites.net/

i标签点击事件在Internet Explorer 11中不起作用，它在chrome和edge中完全正常。有人可以帮我解决这个问题，为什么它无法正常工作Internet Explorer 11 ..？]]

Answer 1

尝试将<button>标签更改为<div>标签。编码为bleow