vik 发表于 2022-11-18 23:10:13

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

本帖最后由 vik 于 2022-11-19 03:11 编辑

码流是4:3的视频

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


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

自己解决了,利用CSS的object-fit
.video169{
object-fit: fill;
}js部分其实可以直接改在ckplayer.js,看看官方大佬们需不需要加个commit
   //贴了部分js,前面还有一层判断和视频加载完的监听
var w = player.videoWidth();
var h = player.videoHeight();
if( w/h != 16/9 ){
    $('.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>');
    setTimeout("fullbtn()",300);
}
<div class="blockcode"><blockquote>//这个是拉伸按钮的事件
function fullbtn(){
    $('.ck-bar-fullvideo .full').click(function (){
      $('.video').addClass('video169');
      $(this).hide();
      $('.ck-bar-fullvideo .back').show();
    });
    $('.ck-bar-fullvideo .back').click(function (){
      $('.video').removeClass('video169');
      $(this).hide();
      $('.ck-bar-fullvideo .full').show();
    });
}

Licong98 发表于 2022-11-25 01:49:00

https://co6.cc/
页: [1]
查看完整版本: 【已经自行解决】视频比例是否可以更改16:9