同时引入mui.js和video.js将导致视频不能全屏播放

分类：MUI

视频

去掉mui.js就好了,不知道怎么回事

<!DOCTYPE html>  
<html>  

    <head>  
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">  
        <link href="http://vjs.zencdn.net/5.8.8/video-js.css" rel="stylesheet">  
    </head>  

    <body>  
        <video id="my-video" class="video-js" controls preload="none" width="300" height="264" poster="MY_VIDEO_POSTER.jpg" data-setup="{}">  
            <source src="1.mp4" type='video/mp4'></source>  
            <p class="vjs-no-js">  
                To view this video please enable JavaScript, and consider upgrading to a web browser that  
                <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>  
            </p>  
        </video>  

        <!--<script src="../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>-->  
        <script src="http://cdn.bootcss.com/video.js/5.19.0/video.min.js"></script>  
        <script src="js/zh-CN.js" type="text/javascript" charset="utf-8"></script>  
    </body>  

</html>

2017-03-27 14:23 负责人:无分享

4 个回复

亿朵云 (作者)

还有添加了mui.js以后视频的控件的事件响应都变成了双击响应了

亿朵云 (作者)

                //视频播放  
                videojs("#hk-video",{},function(){  
                    //阻止相关控制元素上的相关事件冒泡,否则当引入了mui.js以后就会2333,目前只发现touchstart事件有影响  
                    mui("#hk-video").on("touchstart",".vjs-control",function(){  
                        return false;  
                    });  
                });

好吧,找到解决办法了,阻止相关事件冒泡