《青青河边草》之二

扬帆 · 发表于 2024-8-16 06:11

清梦 · 发表于 2024-8-16 09:00

扬帆好厉害啊，视频制作很精彩

清梦 · 发表于 2024-8-16 09:00

问好扬帆，谢谢你的精彩分享

清梦 · 发表于 2024-8-16 09:01

祝扬帆创作愉快，期待更多佳作分享

花简静 · 发表于 2024-8-16 09:33

太棒了，
这是跟了昨天老师的作品，
在24的作业基础上，

又加了JS小播，这个作品含金量很高。。

花简静 · 发表于 2024-8-16 09:33

祝贺扬帆，学习很有心得

扬帆 · 发表于 2024-8-16 10:09

清梦发表于 2024-8-16 09:00
扬帆好厉害啊，视频制作很精彩

谢谢支持与鼓励~清梦更厉害呦

扬帆 · 发表于 2024-8-16 10:17

本帖最后由扬帆于 2024-8-16 11:14 编辑

花简静发表于 2024-8-16 09:33
太棒了，
这是跟了昨天老师的作品，
在24的作业基础上，

是的，在学习24讲及老师最新作品后
对细线进度条播放器可否控制视频作了尝试
谢谢静版主的精彩点评、一贯支持与热诚帮助

扬帆 · 发表于 2024-8-16 11:15

请问凡哥老师、花简静版主：
视频全屏播放实现不了呀，如何实现呢？
不能实现的话，如何去掉全屏播放按钮呢 @凡哥 @花简静

花简静 · 发表于 2024-8-16 11:42

本帖最后由花简静于 2024-8-16 11:47 编辑

<style>

#papa {

margin: 30px 0 30px calc(50% - 641px);

width: 1280px;

height: 720px;

background: transparent;

box-shadow: 0 0 8px gray;

overflow: hidden;

z-index: 1;

display: grid;

place-items: center;

position: relative;

}

#papa > video {

position: absolute;

width: 100%;

height: calc(100% + 230px);

object-fit: cover;

mix-blend-mode: screen;

pointer-events: none;

}

#vid {

position: absolute;

width: 100%;

height: calc(100% + 200px);

object-fit: cover;

opacity: .49;

mix-blend-mode: screen;

}

</style>

</div>

let geci = `[00:00.00]青青河边草\n[02:51.00]`;

var sf = document.createElement('script');

sf.charset = 'utf-8';

sf.src = 'https://638183.freep.cn/638183/web/js2024/line_yslrc.js';

document.body.appendChild(sf);

sf.onload = () => {

HCPlayer({

papa: '#papa',

geci: geci,

skip: 0.5,

average: 0,

lrc_css: 'top: 20px; --bg: linear-gradient(#ffffffaa, #491981e9); color: silver;',

player_css: 'width: 460px; bottom: 20px; color: white; --prog: white; --track: gray; --bg: url("https://638183.freep.cn/638183/t23/btn/meihua_133482968750383750.png") no-repeat center/cover',

fs_css: '--bg: transparent; --color: snow;'

});

};

</script>

[单图] 《青青河边草》之二

评分

评分