騰訊雲點播開發引入mui.js 致使播放控件點擊事件屢次觸發

騰訊雲點播開發引入mui.js 致使播放控件點擊事件屢次觸發

<video id="player-container-id" preload="auto" width="640" height="360" x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="landscape" playsinline webkit-playsinline></video>

當騰訊雲點播 video 標籤寫上x5-video-player-type="h5"屬性時，會使用X5 UI 的播放器，能夠解決播放器被劫持不顯示配置的控件，

當此時引入的mui.js進行開發時，就會發現控件每次點擊會執行兩次，致使播放按鈕點擊沒法播放或暫停，倍速按鈕點擊後，倍速會跳過一次。

解決辦法是：

給video加一個父級元素（沒有的話）

而後阻止父級元素touchsart的冒泡

document.querySelector(".win").addEventListener('touchstart', function(event) {event.stopPropagation()}) 

<div class="win">

　　video...

</div>