熊猫办公（还原广告）

马黑黑 · 发表于 2022-6-10 21:44

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由马黑黑于 2022-6-10 23:04 编辑

Audio Player for HTML5

马黑黑 · 发表于 2022-6-10 21:54

视频背景的核心代码：

一、CSS

.v { width: 100%; height: 100%; object-fit: cover; position: absolute; }

二、HTML

<video class="v" src="mp4地址" autoplay="autoplay" loop="loop" muted="muted"></video>

红色部分说明：

① CSS ：确保视频是铺满整个画面的；
② HTML ：确保视频在播放时失声（即使它有声音）

马黑黑 · 发表于 2022-6-10 21:58

contros=“controls” 这个HTML属性不要，这样鼠标滑过界面时不会在底部出现视频的控制台

加林森 · 发表于 2022-6-10 23:03

好漂亮的制作。老黑辛苦啦！

马黑黑 · 发表于 2022-6-10 23:04

加林森发表于 2022-6-10 23:03
好漂亮的制作。老黑辛苦啦！

这个是学红影的

加林森 · 发表于 2022-6-10 23:07

马黑黑发表于 2022-6-10 23:04
这个是学红影的

嗯嗯。大家都学习吧！

马黑黑 · 发表于 2022-6-10 23:07

加林森发表于 2022-6-10 23:07
嗯嗯。大家都学习吧！

就是就是

加林森 · 发表于 2022-6-10 23:11

马黑黑发表于 2022-6-10 23:07
就是就是

我现在在花园抽烟呢。

马黑黑 · 发表于 2022-6-10 23:11

加林森发表于 2022-6-10 23:11
我现在在花园抽烟呢。

还没戒烟么

加林森 · 发表于 2022-6-10 23:43

马黑黑发表于 2022-6-10 23:11
还没戒烟么

没有。

显示全部楼层 · 发表于 2022-6-11 07:00

提示: 作者被禁止或删除内容自动屏蔽

马黑黑 · 发表于 2022-6-11 07:09

醉美水芙蓉发表于 2022-6-11 07:00
画面清晰！不错

红影收藏的MP4

红影 · 发表于 2022-6-11 07:23

原来可以弄掉声音，还可以让鼠标滑过界面时不会在底部出现视频的进度显示。
太棒了，谢谢黑黑，马上去找个有声音的试验一下（这个本来是没声音的）

红影 · 发表于 2022-6-11 07:23

这个太好了，一下子解决了好多问题。黑黑太棒了

红影 · 发表于 2022-6-11 07:24

现在那里的所有视频都可以抓过来用了，太开心了

红影 · 发表于 2022-6-11 07:24

这个帖子太好太好了，开心得我想翻跟头

红影 · 发表于 2022-6-11 07:30

马黑黑发表于 2022-6-10 21:54
视频背景的核心代码：

一、CSS

object-fit: cover 这个好，即使自己取值的宽高和原本视频不一致，也能保证铺满，之前我还专门去看视频的原本宽和高，然后等比例缩放；

muted="muted"这个更好，这么简单就可以让原视频失声，没想到；

contros=“controls”这个属性不要，就可以不让原本的进度条出来。

这三条太好了

马黑黑 · 发表于 2022-6-11 07:36

红影发表于 2022-6-11 07:30
object-fit: cover 这个好，即使自己取值的宽高和原本视频不一致，也能保证铺满，之前我还专门去看视频 ...

你也是这么用的吧

马黑黑 · 发表于 2022-6-11 07:37

红影发表于 2022-6-11 07:24
这个帖子太好太好了，开心得我想翻跟头

这个学你的

马黑黑 · 发表于 2022-6-11 07:38

加林森发表于 2022-6-10 23:43
没有。

我也没有

醉美水芙蓉该用户已被删除	发表于 2022-6-11 07:00 来自手机 \| 显示全部楼层提示: 作者被禁止或删除内容自动屏蔽
醉美水芙蓉该用户已被删除
	回复支持反对使用道具举报显身卡

[灌水] 熊猫办公（还原广告）

请马上登录，朋友们都在花潮里等着你哦：）

评分

评分

花潮帅哥

鼠

牛

虎

兔

龙

蛇

马

羊

猴

鸡

狗

猪

多彩人生

星月交辉

奔放热烈

海样胸怀

春风拂面

火热情怀

优雅迷人

神秘浪漫

相遇之美

鹰傲苍穹

花好月圆

紫色情节

飞龙在天

王者至尊

大将风范

音画大师

天籁妙音

共看流星

风雨同行

我心永远

幸福快乐

喜乐安康

侠骨柔肠

心想事成

开朗大方

花潮管理

缤纷心情

草莓情怀

青草情怀

蝴蝶情怀

心曲飞扬

星星情怀

七彩绚丽

活泼开朗

女儿情怀

男儿情怀

指尖上的流年

花潮版主

花潮美女

一往情深

心香一瓣

金剪刀

妙笔生花

天长地久

绚丽缤纷

中秋征文

周年庆

舞会之星

分析（喊冤）章

总结章

杀人王

小强章

最佳杀刺

临屏写诗

七夕诗钟活动

第五届风云

第六届风云

情人节