已经解决感谢官方

独木成林

已经解决

niandeng

1. <style>
   
2.                         .ck-input{
   
3.                                 width:48px;
   
4.                                 height:48px;
   
5.                                 line-height:48px;
   
6.                                 color: #FFF;
   
7.                                 right: 150px;
   
8.                                 text-align: center;
   
9.                                 cursor: pointer;
   
10.                         }
    
11.                 </style>

复制代码

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

复制代码

独木成林

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

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

祝：
开心健康！快乐平安

niandeng

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

复制代码

独木成林

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

感谢！版主。