独木成林 发表于 2022-5-28 22:40:38

已经解决感谢官方

本帖最后由 独木成林 于 2022-6-2 17:40 编辑

已经解决

niandeng 发表于 2022-5-30 13:04:10

本帖最后由 niandeng 于 2022-5-30 13:05 编辑



<style>
                        .ck-input{
                              width:48px;
                              height:48px;
                              line-height:48px;
                              color: #FFF;
                              right: 150px;
                              text-align: center;
                              cursor: pointer;
                        }
                </style>


var videoObject = {
                              container: '.video', //视频容器
                              poster:'video/poster.png',//封面图片
                              video:'video/lc.mp4'//视频地址
                        };
                        var player=new ckplayer(videoObject)//调用播放器并赋值给变量player
                        var rotateBotton=player.layer({class:'ck-input',content:'旋转90'},true);//定义一个按钮,.layer是将内容添加到播放器里,true表示添加到控制栏里
                        rotateBotton.click(function(){//元件点击效果
                              player.rotate(90);//旋转90度
                        });




独木成林 发表于 2022-5-30 21:10:42

本帖最后由 独木成林 于 2022-5-30 21:39 编辑

niandeng 发表于 2022-5-30 13:04


感谢!版主。
按照上面代码只能旋转一个值呢 可以帮忙写个 四个值的吗?0,90度,180度,270度的。

祝:
开心健康!快乐平安

niandeng 发表于 2022-6-2 07:42:28

var rotateBotton=player.layer({class:'ck-input',content:'旋转'},true);//定义一个按钮,.layer是将内容添加到播放器里,true表示添加到控制栏里
                     var rotate=0;//初始化旋转0度
                        rotateBotton.click(function(){//元件点击效果
                              rotate+=90;//增加90度
                       if(rotate>270){rotate=0};//大于270的时候恢复到0
                              player.rotate(rotate);//旋转rotate度
                        });

独木成林 发表于 2022-6-2 09:44:37

niandeng 发表于 2022-6-2 07:42


感谢!版主。
页: [1]
查看完整版本: 已经解决感谢官方