html5-player icon indicating copy to clipboard operation
html5-player copied to clipboard

控制条显示不全

Open LiuChangFreeman opened this issue 5 years ago • 5 comments

只有暂停/播放,音量,全屏这三个按钮 tim 20190228144116

LiuChangFreeman avatar Feb 28 '19 06:02 LiuChangFreeman

默认只有这三个,需要设置 props.controls,具体看文档(😅这 issue 没提示,现在才看得到)

samonxian avatar Mar 25 '19 09:03 samonxian

TIM截图20190326104315 我反复修改过了props.crontrols这个属性,其中进度条等几个功能无论如何都不会被启用

LiuChangFreeman avatar Mar 26 '19 02:03 LiuChangFreeman

@LiuChangFreeman 我复现不了你这个问题,你按照这个格式修改一下问题看看

### 预期行为(Expected Behavior)
描述内容
### 实际行为(Actual Behavior)
错误信息等
### 重现步骤(Steps to reproduce)
详细步骤,如果能给出在线demo,那更好。
### 环境(Environment)
- 系统(版本)
- 浏览器(版本)
- html5 player(版本)
### 补充说明(Additional Notes)
详细信息

samonxian avatar Mar 26 '19 05:03 samonxian

预期行为(Expected Behavior)

在一个react空项目中,只引入html5-player组件,在props.control属性设置为true的情况下,应该能够播放给定的flv资源,并显示默认控制条

实际行为(Actual Behavior)

只能显示"播放器加载中..."

重现步骤(Steps to reproduce)

demo地址:http://www.aikatsucn.cn/build/index.html 复现步骤: 1、npx create-react-app sample 2、cd sample 3、yarn add html5-player 4、npm run start

环境(Environment)

  • 系统(Windows 10 v1803)
  • 浏览器(QQ浏览器)
  • html5 player(0.5.10)

补充说明(Additional Notes)

TIM截图20190327123401 demo地址:https://github.com/LiuChangFreeman/html5player 添加html5-player到react项目我使用的是yarn而不是npm npm i html5-player -S并不能正确地安装本组件

LiuChangFreeman avatar Mar 27 '19 04:03 LiuChangFreeman

播放器加载中是因为你用了 create-react-app,那么需要你在 create-react-app 项目中运行 npm run eject,然后在 ./src/webpack.dev.config.js(或者 webpack.config.js) 配置文件中修改如下配置

...
module: {
    strictExportPresence: true,
    rules: [
      // Disable require.ensure as it's not a standard language feature.
      { parser: { requireEnsure: true } },
    ]
...
}
...

确保 requireEnsure 为 true,开启 webpack 的 require.ensure 功能,所以这个 html5-player 项目需要重构和更新了

samonxian avatar Mar 27 '19 05:03 samonxian