|
本帖最后由 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();
- });
- }
复制代码
|
|