花生喂龙 2017-09-14 02:48 采纳率: 73.7%
浏览 2520
已结题

jwplayer播放器 手机端用不了啊

用的是kindeditor-4.1.10编辑器,上传视频后,PC端可以显示并播放,手机端播放不了

 <embed id="player" allowscriptaccess="always" allowfullscreen="true" flashvars="file=/pic/flash/20170831/20170831130646_349.mp4" src="/kindeditor-4.1.10/plugins/jwplayer/player.swf" width="770" height="450" quality="high" />
  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2017-09-14 03:06
    关注

    自己用js处理下,判断是移动端就更改为video标签

     <embed id="player" allowscriptaccess="always" allowfullscreen="true" flashvars="file=/pic/flash/20170831/20170831130646_349.mp4" src="/kindeditor-4.1.10/plugins/jwplayer/player.swf" width="770" height="450" quality="high" />
    <script>
        var mobile = /AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|Aphone|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE|Android|webOS|iPhone|iPod|BlackBerry|iPad/i.test(navigator.userAgent));
        if (mobile) {
            var video = document.createElement('video'), player = document.getElementById('player');
            video.src = player.getAttribute('flashvars').replace('file=', '');
            video.style.height = player.getAttribute('height') + 'px'
            video.style.width = player.getAttribute('width') + 'px';
            console.log(video)
            player.parentNode.replaceChild(video, player);
        }
    </script>
    
    评论

报告相同问题?

悬赏问题

  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?
  • ¥15 求daily translation(DT)偏差订正方法的代码
  • ¥15 js调用html页面需要隐藏某个按钮
  • ¥15 ads仿真结果在圆图上是怎么读数的
  • ¥20 Cotex M3的调试和程序执行方式是什么样的?
  • ¥20 java项目连接sqlserver时报ssl相关错误
  • ¥15 一道python难题3
  • ¥15 牛顿斯科特系数表表示