HTML5知识库
以后会不断添加新知识的,如果遇到相关的bug或一些容易掉进坑里的点的话也会加上去的!
kaiqisan
新人社畜,前端开发正式员工,自学前端相关知识,有数个项目的开发经验,整过网页,也搞过小程序。了解后端一点点,搭过简易服务器。英语六级低分过,日语n2水平,欢迎交流病情!
展开
-
audio标签的常用方法与属性 - Kaiqisan
audio标签的常用方法与属性这里将从js代码出发研究audio标签的使用方法,配合自己定制的播放器,它可以实现更加完整的用户体验。以下方法,属性,将从常用程度从前往后排序。关键代码在此之前,我们首先需要获取音频的相关对象<audio controls="controls" src="./video/kusai.mp3" type="video/mp3" preload="auto" muted="muted"> 对不起,您的破浏览器不支持我们的视频播放模块</audio原创 2020-07-19 15:14:10 · 4296 阅读 · 0 评论 -
HTML5视频标签<video> - Kaiqisan
HTML5视频标签顾名思义,就是在插入这个标签之后就可以在网页里面在线播放视频了。它是HTML5的新属性,是为了让页面内容更加丰富,是适应新时代需求的一项重要内容(在这里吐槽一句:前端的各种内容,不论是js编程语言还是框架,工具包,前端相关的插件,它们的更新换代是真的快)。关键代码<video controls="controls" width="1400" height="800" class="video" poster="./imgs/otome1.png" preload="auto"&原创 2020-07-18 15:33:18 · 506 阅读 · 0 评论 -
关于谷歌浏览器的禁止autoplay政策 - Kaiqisan
关于谷歌浏览器的禁止autoplay政策autoplay: 这个属性表示在用户进入页面的时候自动开始播放声音或者播放视频,但是,这个属性会在谷歌浏览器中失效,这是为什么呢?因为谷歌浏览器在用户体验和安全性方面做出自己的限制,默认阻止音视频的自动播放。解决方法也很简单,修改下权限就可以了~首先我们在谷歌浏览器中打开 chrome://flags/#autoplay-policy然后通过顶端的搜索框找到 Autoplay policy属性,然后将它的属性值修改为 “No user gesture i原创 2020-07-16 13:15:28 · 7491 阅读 · 2 评论 -
HTML5音频标签<audio> - Kaiqisan
HTML5音频标签在说HTML5新标签的时候,先了解一下HTML5吧!在 2008 年正式发布。HTML5 由不同的技术构成,其在互联网中得到了非常广泛的应用,提供更多增强网络应用的标准机。与传统的技术相比,HTML5 的语法特征更加明显,并且结合了 SVG 的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容,而且 HTML5中还结合了其他元素,对原有的功能进行调整和修改,进行标准化工作。HTML5 在 2012 年已形成了稳定的版本。科普来源:百度百科 https://baike.baidu.原创 2020-07-16 12:45:46 · 451 阅读 · 0 评论