2024-02-15如果以上方法都无法解决问题，建议尝试使用不同的视频播放器或者将视频文件转换为不同的格式，看看是否能够正常播放。不同的浏览器支持不同的视频编码格式，如果视频文件使用了不被浏览器支持的编码，可能会导致只有声音没有视频。而且奇怪的是我试过我们300M到1G之间的视频是有问题的，但是300M以下的，或者1G的视频都是没有问题的。如果你的计算机性能较低，可能无法处理较大的视频文件，导致只有声音没有视频。尝试减小视频的分辨率和帧率，或者使用更高效的压缩算法，以减小文件大小。这个我试过，采用不同的浏览器，都不行。

https://www.qianduange.cn//article/2070.html 分类：前端知识

2024-02-15摘要： 情侣纪念日网站html5源码教程个人名片： 对人间的热爱与歌颂，可抵岁月冗长:sun_with_face: Github??‍?：念舒_C.ying CSDN主页✏️：念舒_C.ying 个人博客:earth_asia: ：修改内容大部分内容都在index.html里面进行修改“在一起”的时间修改在./js/lovetime.js里，已进行代码备注首页标题修改在./js/talk.js里，修改对应文字即可背景图都在./css/lovexhj.css里进行修改_情侣纪念日源码

https://www.qianduange.cn//article/2069.html 分类：前端知识

2024-02-15ckeditor5相关问题_ckeditor 5

https://www.qianduange.cn//article/2068.html 分类：前端知识

2024-02-15众所周知，前端是一个很容易将自己的劳动成果呈现出来的一个职位，无论是写1行代码还是写100行代码，都可以通过页面来进行呈现，在工作中的劳作成果也是可以一眼就呈现给客户、用户的。比如一些精美的页面，炫酷的特效，优质的交互等，都是前端人员所呈现出来的代码成果。炫酷的特效也是必不可少的，通常来说，如果一个人写一个很不错的特效，那么它必然会花费相当的时间，从最初的构思，到码代码，再到呈现到页面并且进行不断的修修改改，那么CodePen就出现了_codepen

https://www.qianduange.cn//article/2067.html 分类：前端知识

2024-02-15video 标签是一个重要的标签，它可以帮助您在网页中添加视频，从而使您的内容更具吸引力、生动和易于理解。在使用 video 标签时，请注意选择正确的属性、嵌套元素、文件大小及其对页面加载时间的影响，并测试和调整您的代码以确保最佳兼容性。_video标签

https://www.qianduange.cn//article/2065.html 分类：前端知识

2024-02-15position: fixed问题分析_position:fixed要刷新一下才生效

https://www.qianduange.cn//article/2060.html 分类：前端知识

2024-02-15open in browser要下载1.1.0版本，但是会发现只能找到2.2.0的，所以我们这样做。填上一个你已经安装好的浏览器， 我这里填的是火狐，你填其它的也可以。(简体中文)，重启后发现就变成中文（对于原来是英文版的小伙伴）1. 先打开Visual Studio Code。最后在空白处点击鼠标右键， 然后选择。2. 下载三个插件 ，点击第五个图标。选择1.1.0版本的安装即可。然后配置你要打开在哪个浏览器。设置放置的位置后就可以得到。然后右击鼠标，点击“右键鼠标 -> 点击。_vscode怎么打开html

https://www.qianduange.cn//article/2058.html 分类：前端知识

2024-02-15之前总结定位元素水平垂直居中时，top left均为50%，之后margin-top为-高度的一半，margin-left为-宽度的一半，即可实现，但这一旦改变盒子的宽高，也得改变marign值，故tranform：translate（-50%，-50%）很方便的避免了频繁改动数据的问题。利用阴影进行动画设置，先利用定位将阴影与圆点放置合适位置，用一个盒子将其包含，让阴影水平垂直居中放置在盒子中，此时圆点就会在阴影正中间，利用动画将阴影的宽高调大，之后每个阴影进行延迟即可。

https://www.qianduange.cn//article/2055.html 分类：前端知识

2024-02-15CSS中如何实现文字跑马灯效果？_css 实现marquee

https://www.qianduange.cn//article/2052.html 分类：前端知识

2024-02-15webkit-line-clamp: 2：用来限制在一个块元素显示的文本的行数，为了实现该效果，它需要组合其他的WebKit属性）-webkit-box-orient: vertical：和1结合使用 ，设置或检索伸缩盒对象的子元素的排列方式。display: -webkit-box：和1结合使用，将对象作为弹性伸缩盒子模型显示。接着，使用-webkit-box-orient。然后，使用-webkit-line-clamp。属性配合-webkit-line-clamp。属性限制元素内部的文本行数。_css多行文本展示溢出小圆点

https://www.qianduange.cn//article/2051.html 分类：前端知识