Я отмечаю, что событие щелчка не работает в inte rnet 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();
        }

Пожалуйста, откройте приведенную ниже ссылку и проверьте, что баннерная страница домашней страницы не работает в inte rnet explore 11, но работает в chrome и Edge должным образом.

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

Событие щелчка тега i не работает в inte rnet explorer 11, оно отлично работает в chrome и edge. Может ли кто-нибудь помочь мне в этой проблеме, почему он не работает inte rnet explorer 11 ..?

Answer 1

Попробуйте изменить тег <button> на тег <div>. Код как bleow

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