引用raphael.js 后视频显示异常

imwhuan commented 3 years ago

本来视频显示正常，因为自己的需要（editormd）加了对 raphael.min.js 的引用后显示异常

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./plugins/mui-player/dist/mui-player.min.css">
    <title>Document</title>
    <script type="text/javascript" src="./plugins/editor.md/lib/raphael.min.js"></script>
    <script type="text/javascript" src="./plugins/mui-player/dist/mui-player.min.js"></script>
</head>
<body>
    <!-- 指定播放器容器 -->
    <div id="mui-player"></div>
    <script>
        // 初始化 MuiPlayer 插件，MuiPlayer 方法传递一个对象，该对象包括所有插件的配置
        var mp = new MuiPlayer({
            container:'#mui-player',
            title:'标题',
            src:'./vlog1.mp4'
        })
    </script>
</body>
</html>

页面视频显示是黑的，调试发现是（#mplayer-poster的遮挡）。浏览器控制台报错 mui-player.min.js:7 the body element not query the selector node......

muiplayer commented 3 years ago

感谢您的使用及反馈，问题正在核实排查...

muiplayer commented 3 years ago

您好，暂未发现上述描述的问题 => 页面视频显示是黑的，浏览器控制台报错... 请尝试更新插件版本：mui-player.min.js@v1.4.4、mui-player-desktop-plugin.min@v1.3.5 见查看附件Demo raphael-js-import.zip

imwhuan commented 3 years ago

感谢回复，已确认问题。由于editor.md插件所依赖的raphael.js版本较老（2.1.2）。换成您这边demo里使用的2.5.x版本的raphael.min.js后问题不再出现。

muiplayer / hello-muiplayer

引用raphael.js 后视频显示异常 #9