我读<<仙人指路>>

项目做完,请了一天假休息一下。在咖啡馆坐了一下午,一杯咖啡,一本书,徐xiaoping的仙人指路。

    徐xiaoping,新东方三驾马车之一,这本书的第一版,在大学的时候看过,当时是用舍友的MP4看的,很小的屏幕,在熄灯后被窝里看的,但是看了之后感悟很多。最近在思考未来两三年自己将是什么样子,无果,于是找了这本书。需找答案。书中关于考研和留学的部分跳过了,重点看了人生、职业以及xiaoping自己经历的部分。

    ​下面把书中的一些精彩的部分摘录出来。xiaoping的书个人觉得还是很真实,案例很多,而且有深度。

    关键在于,你最珍重的是什么。xiaoping同志在多年的错综复杂的咨询实践中提出的基本思想和方法就是“认识你自己”.

    如何认识自己呢?

    以你自己的人生观、价值观为“一个中心”,以你自己的兴趣和能力为“两个基本点”,从这里出发,寻找你一生正确的职业定位。

    在机会面前,是选择唾手可得但形同鸡肋的既得利益,还是选择具有风险但是无限风光的事业高峰?

    人生能有几次搏,在仔细评估并确认自己能够承受后果之后,放手一搏,纵身一跳,这一搏和一跳的慢动作,其实就是人生最精彩的瞬间,将值得你一生反复回放。这里xiaoping是在一个女士的咨询中回复的这个问题,我觉得非常谨慎。后续有重大的觉得时候,可以参照。

    ​哪里怎么走?我要去哪里?

    ​假如一个人走到你面前问:一个地方怎么走,作为过来人,你会自豪的告诉他怎么走,但是如果一个人走到你面前,问你应该去哪里?这个时候是不是不知道咋回答了。这里增加一个在别的地方看到的。如果你要攀登一个高山,要听取登过这个高山的人,而不是听取没有登过山的人。这个比喻在很多地方都适用。

    ​什么是朱莉亚效应?

    ​指的是一种人才现象,无论你多么有才,但要想获得成功,除了专业知识之外,你还必须拥有面对人和社会的能力,这样才有助于你扩展你的职业空间。否则,你的天才,与你未来的事业成就未必匹配。

    ​自己不能做主?

    ​选择决定结果,结果就是命运。不要以“自己不能做主”来开脱自己的责任,因为最终承担选择后果的人就是你自己。

    ​人为什么要活着?

    ​从养活自己的胃,到充实他人的心,从为自己谋生,到造福他人,可能就是我们活着的理由、生命的终极意义吧。在我们活着的不同阶段,有着完全不同活着的目的。但我们每个人生命意义,都在我们追求心里想要的东西的时候,闪烁着人性的光芒,指向生命的远方。

    人生设计的第三笔?关于职场

    ​我呼吁我们的读者和学生,通过独立思考,打破精神枷锁,冲破思想牢笼确定奋斗目标,以获得就业为最忌奋斗纲领来设计自己的人生,追求个人的成功。

    ​如何展示真才实学?

    ​如果你不能拿出真才实学,在挑战和压力面前不能展示处理困难与挑战的智慧和能力,在具体的工作中不能拿出解决问题与发展业务的竞争力,即使有“百万年薪”的合同,也没有任何帮助。

    ​佼佼者,是如何做到的?

    ​主动积极动作,把雷锋同志为人民服务的钉子精神,用在为老板服务,为公司效力,为客户做好事之上。这样的人,就能够迅速的脱颖而出,成为职场中的佼佼者、

    ​关于梦想?

    ​我之所以能够在种种巨大的生活压力下存活下来并反败为胜,根本原因在于我从来没有放弃过梦想,从来没有承认过失败。即使我有关泰山压顶的艰难时刻,但我从来没有停止过“会当凌绝顶,一览众山小”这一人生壮美境界的渴望、

    ​仙人指路,觉得名副其实,没有直接给出答案,但是能够让你有更多的思考。

转自:http://iamzhongyong.iteye.com/blog/1882990

<template> <video > <source src='..\public\img\bg.mp4' type="video/mp4"></source> </video> <h1>小组成员展示</h1> <div class="one"> <div class="gao"></div> <h3>高豪东</h3> <p><b>111</b></p> </div> <div class="two"> <img class="b" src='..\public\img\b.jpg'> <div class="su"></div> <h3>苏恒一</h3> <p><b>宇宙超级无敌大帅哥</b></p> </div> <div class="three"> <div class="wen"></div> <h3>文建峰</h3> <p><b>333</b></p> </div> <div class="four"> <div class="zhen"></div> <h3>郑新</h3> <p><b>瓦学弟,沉迷于无畏契约</b></p> </div> <div class="five"> <div class="li"></div> <h3>李桐</h3> <p><b>金铲铲运营大师,埋头干饭的米饭仙人</b></p> </div> </template> <script setup> </script> <style lang="css" scoped> h1 { text-align: center; } p { text-indent: 2em; margin: 15px; } video { margin-top: -30px; margin-left: -10px; height: 900px; z-index: -1; position: absolute; } /* 第一个///////////////////////////////////////////////////////////////////////////////////////// */ .one { float: left; text-align: center; margin: 30px; height: 300px; width: 400px; background-color: rgba(246, 61, 61, 0.2); border-radius: 50px 50px 50px 50px; } /* 头像 */ .gao { height: 80px; width: 80px; border-radius: 50px 50px 50px 50px; margin-left: 160px; margin-top: 10px; margin-bottom: -20px; background-image: url('..\public\img\gao.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; } /* 第二个 */ .two { float: left; text-align: center; margin: 30px; height: 300px; width: 400px; background-color: rgba(255, 101, 234, 0.2); border-radius: 50px 50px 50px 50px; } /* 头像 */ .su { height: 80px; width: 80px; border-radius: 50px 50px 50px 50px; margin-left: 160px; margin-top: 10px; margin-bottom: -20px; background-image: url('..\public\img\su.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; } .b { height: 60px; width: 220px; margin-left: 25px; transform: rotate(35deg); position: absolute; } /* 第三个 */ .three { float: left; text-align: center; margin: 30px; height: 300px; width: 400px; background-color: rgba(81, 205, 254, 0.2); border-radius: 50px 50px 50px 50px; } /* 头像 */ .wen { height: 80px; width: 80px; border-radius: 50px 50px 50px 50px; margin-left: 160px; margin-top: 10px; margin-bottom: -20px; background-image: url('..\public\img\wen.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; } /* 第四个 */ .four { float: left; text-align: center; margin: 30px; height: 300px; width: 400px; background-color: rgba(132, 252, 77, 0.2); border-radius: 50px 50px 50px 50px; } /* 头像 */ .zhen { height: 80px; width: 80px; border-radius: 50px 50px 50px 50px; margin-left: 160px; margin-top: 10px; margin-bottom: -20px; background-image: url('..\public\img\zhen.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; } /* 第五个 */ .five { float: left; text-align: center; margin: 30px; height: 300px; width: 400px; background-color: rgba(249, 197, 76, 0.2); border-radius: 50px 50px 50px 50px; } /* 头像 */ .li { height: 80px; width: 80px; border-radius: 50px 50px 50px 50px; margin-left: 160px; margin-top: 10px; margin-bottom: -20px; background-image: url('..\public\img\li.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; } </style>我的视频背景怎么没有自动播放
03-10
<think>好的,我需要帮助用户解决视频背景无法自动播放的问题。首先,我得仔细看看用户提供的代码,找出可能的问题所在。 用户提供的HTML结构中,有一个video标签,里面包含了一个source标签指向bg.mp4。但注意到用户使用的是反斜杠路径,比如src='..\public\img\bg.mp4'。在Web开发中,路径通常应该使用正斜杠(/)而不是反斜杠(\),尤其是在HTML和URL中。这可能导致浏览器无法正确解析路径,从而找不到视频文件。所以第一步要确认路径是否正确,建议用户将反斜杠改为正斜杠。 接下来,视频没有自动播放。根据HTML5 video标签的属性,自动播放需要添加autoplay属性。不过现在很多浏览器为了用户体验,限制了自动播放功能,通常需要视频设置为静音(muted)才能自动播放。查看用户的代码,video标签里没有autoplay和muted属性,这可能是主要原因。需要建议用户添加这两个属性,同时检查是否需要playsinline属性,以便在移动端正常播放。 另外,用户的video标签的样式设置了z-index为-1,这可能会将视频置于其他元素的下层,导致被覆盖。虽然用户的问题是没有播放,但布局问题也可能影响显示。需要提醒用户调整z-index,确保视频在正确层级,不被其他元素遮挡。 总结可能的解决方案步骤:修正路径中的反斜杠,添加autoplay、muted和playsinline属性,调整z-index,并确保视频文件存在且路径正确。此外,用户可能需要处理浏览器策略,比如用户交互后允许播放,或者确保服务器配置正确,视频格式支持等。最后,建议用户测试不同的浏览器,查看是否存在兼容性问题。</think>你的视频背景无法自动播放可能有以下几个原因,我们来逐步排查和解决: $\color{red}{路径问题}$ 1. 路径中的反斜杠`\`需要改为正斜杠`/` ```html <!-- 修改前 --> <source src='..\public\img\bg.mp4' type="video/mp4"></source> <!-- 修改后 --> <source src="../public/img/bg.mp4" type="video/mp4"> ``` $\color{red}{缺少自动播放属性}$ 2. 需要添加`autoplay`和`muted`属性(现代浏览器要求静音才能自动播放) ```html <video autoplay muted playsinline> <source src="../public/img/bg.mp4" type="video/mp4"> </video> ``` $\color{red}{层级问题}$ 3. `z-index: -1`会导致视频被其他元素覆盖,建议调整为: ```css video { z-index: 0; /* 改为非负值 */ position: fixed; /* 推荐使用fixed定位 */ width: 100vw; height: 100vh; object-fit: cover; } ``` $\color{red}{补充建议}$ 1. 添加`playsinline`属性确保在移动端正常播放 2. 验证视频文件是否真实存在于指定路径 3. 检查浏览器控制台是否有404错误或CORS报错 4. 如果部署在服务器,需要配置正确的MIME类型 完整修改建议: ```html <video autoplay muted playsinline style="width:100%; height:100%"> <source src="../public/img/bg.mp4" type="video/mp4"> </video> ``` $\color{blue}{扩展知识}$ 现代浏览器为防止骚扰,要求至少满足以下条件之一才能自动播放: $$ \text{autoplay} \land (\text{muted} \lor \text{user-interaction}) $$ 建议始终添加`muted`属性以确保自动播放成功。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值