html5-player
html5-player copied to clipboard
控制条显示不全
只有暂停/播放,音量,全屏这三个按钮
默认只有这三个,需要设置 props.controls,具体看文档(😅这 issue 没提示,现在才看得到)
我反复修改过了props.crontrols这个属性,其中进度条等几个功能无论如何都不会被启用
@LiuChangFreeman 我复现不了你这个问题,你按照这个格式修改一下问题看看
### 预期行为(Expected Behavior)
描述内容
### 实际行为(Actual Behavior)
错误信息等
### 重现步骤(Steps to reproduce)
详细步骤,如果能给出在线demo,那更好。
### 环境(Environment)
- 系统(版本)
- 浏览器(版本)
- html5 player(版本)
### 补充说明(Additional Notes)
详细信息
预期行为(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)
demo地址:https://github.com/LiuChangFreeman/html5player
添加html5-player到react项目我使用的是yarn而不是npm
npm i html5-player -S并不能正确地安装本组件
播放器加载中是因为你用了 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 项目需要重构和更新了