网页拖动时自动切换到右下角播放
很高兴看到X3支持了画中画功能，但现在需要自己点击按钮才会到右下角播放，现在希望能够在某页内容较多时，当显示内容不包括视频时能自动切换到右下角播放。 呵呵，刚刚看了官网的全功能演示，发现直接就支持这个功能。经过研究，原来是播放器中要打开小窗口模式。 感谢您对ckplayer的支持，祝愿贵站流量大涨。 本帖最后由 夕幽幽 于 2022-3-29 15:10 编辑ckplayer 的小窗口 功能的确很赞！
video 有H5画中画接口：
1JS文件（放在页面末尾）var video = document.getElementById("picture_id");
var btn_in = document.getElementById("pic_in");
var btn_out = document.getElementById("pic_out");
btn_in.onclick = function(){javascript:document.getElementById('pic_out').style.display='block';this.style.display='none';video.requestPictureInPicture();}
btn_out.onclick = function(){javascript:document.getElementById('pic_in').style.display='block';this.style.display='none';document.exitPictureInPicture();}
video.addEventListener('enterpictureinpicture', function() {console.log("已经进入画中画")});
video.addEventListener('leavepictureinpicture', function() {console.log("已退出画中画模式")});
http://v.onenine.com.cn:10000/189.png
2在前端合适位置添加切换按钮<input type="button" id="pic_in" value="开" style="padding:4px 8px;border: 1px solid #264099;border-radius:100%;background:#264099;color:#ffffff;cursor:pointer;" title="开启画中画" />
<input type="button" id="pic_out"value="关" style="padding:4px 8px;border: 1px solid #2986C6;border-radius:50%;background:#2986C6;color:#ffffff;cursor:pointer;display:none;" title="退出画中画" />
3 在ckplayer.js中的video标签中添加 id="picture_id"
页:
[1]