提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
React自定义视频全屏按钮,实现全屏功能。
一、绘制全屏按钮
绘制全屏按钮,并绑定点击事件:
render() {
return (
<div className={
'fullfrequency'}>
<img src={
require("./全屏.png") } id="picts" onClick={
this.fullScreen} alt="" title="全屏"/>
</div>
);
}
二、编写点击事件
定义全屏标识变量
this.state = {
isFullScreen: false//初始为未开启全屏
}
编写fullScreen点击事件函数:
fullScreen = () => {
var picts = document.getElementById