我标记点击事件在 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/

我标记点击事件在 Internet Explorer 11 中不起作用，它在 chrome 和 edge 中完美运行。 任何人都可以帮助我解决这个问题，为什么它不能正常工作 Internet Explorer 11 ..？

Answer 1

尝试将<button>标签更改为<div>标签。 代码如下

 <div class="btn cms-btn-contorls">
            <i class="fas fa-play" onclick="playBannerVideo(this);"></i> 
        </div>