ckplayer

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1168|回复: 1

【已经自行解决】视频比例是否可以更改16:9

[复制链接]

2

主题

5

帖子

21

积分

新手上路

Rank: 1

积分
21
发表于 2022-11-18 23:10:13 | 显示全部楼层 |阅读模式
本帖最后由 vik 于 2022-11-19 03:11 编辑

码流是4:3的视频

是否可以调用参数改为16:9的播放器


————————————————————————————————————————————————————

自己解决了,利用CSS的object-fit
  1. .video169{
  2.   object-fit: fill;
  3. }
复制代码
js部分其实可以直接改在ckplayer.js,看看官方大佬们需不需要加个commit
  1.    //贴了部分js,前面还有一层判断和视频加载完的监听
  2. var w = player.videoWidth();
  3. var h = player.videoHeight();
  4. if( w/h != 16/9 ){
  5.     $('.ck-bar-playbackrate-box').after('<div class="ck-bar-fullvideo"><button type="button" class="full">拉伸</button><button type="button" class="back" style="display: none;">还原</button></div>');
  6.     setTimeout("fullbtn()",300);
  7. }
复制代码
  1. <div class="blockcode"><blockquote>//这个是拉伸按钮的事件
  2. function fullbtn(){
  3.     $('.ck-bar-fullvideo .full').click(function (){
  4.         $('.video').addClass('video169');
  5.         $(this).hide();
  6.         $('.ck-bar-fullvideo .back').show();
  7.     });
  8.     $('.ck-bar-fullvideo .back').click(function (){
  9.         $('.video').removeClass('video169');
  10.         $(this).hide();
  11.         $('.ck-bar-fullvideo .full').show();
  12.     });
  13. }
复制代码

回复

使用道具 举报

0

主题

5

帖子

21

积分

新手上路

Rank: 1

积分
21
发表于 2022-11-25 01:49:00 | 显示全部楼层
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表