HTML5利用脚本控制音频、视频方法
我们在使用video视频元素和audio音频元素的时,是可以利用脚本控制音频/视频的文件的播放的。主要的控制方法有4种,今天这篇将会详细介绍这四种方法。
1.play方法
除了播放器自己的播放功能外,我们还可以在脚本中使用play方法来控制视频/音频的播放功能,示例代码如下图所示:
HTML中play的使用方法
2.pause方法
与play方法相对应的pause方法用于设置暂停播放音频/视频功能,pause方法也是需要在脚本中设置才能使用的,示例到吗如下图所示:
HTML5中pause使用方法
3.load方法
调用这个方法可以重新加载视频/音频文件进行播放。示例代码如下图所示:
HTML5中load的使用方法
4.canPlayType方法
该方法用于测试浏览器是否支持指定的类型,并返回结果。如果返回空字符串则表示浏览器不支持此种播放类型,如果返回maybe则表示浏览器可能支持此种播放类型,如果返回probably则表示浏览器确定支持此种播放类型。有关canPlayType的示例代码请参照之前的文章“如何在浏览器中显示插入的HTML5视频/音频《HTML5系列教程13》”。
这便是利用脚本控制音频/视频文件的4种方法了。谢谢大家的观看。祝大家身体健康、生活愉快。
年来HTML5培训开发非常的火爆,相比较其他编程语言,HTML5开发还是比较简单且受欢迎的,本篇文章扣丁学堂小编就带大家看一下HTML5培训应该学习的知识有哪些。
1.HTML
HTML是网页最基本的元素,主要控制网页的结构、字体等,最初发明网页时只有HTML语言,并没有CSS语言,HTML常用的标签包括HTML结构、HTML表格、列表等。
2.CSS
随着时代的发展,万恶的IE6终于退市了,市场份额占比渐渐少了,目前还有极少量的公司要求兼容IE6浏览器,但,渐渐的这些兼容需求会逐渐消失……对于IE6,小编的建议是,不要太纠结于每个bug,主要原因在于,IE6的问题通常源于两种原因,其一在于浏览器自身的问题,其二则在于容错性相对较差。对于第一方面原因引发的问题,个人觉得没有什么太大的必要去研究了,而对于第二类问题,使IE6能够成为辅助我们检查自己代码质量的工具。
3.HTML5
HTML5新标签包括header、nav、article、section、aside、footer,还是比较容易掌握的,但与CSS3结合起来使用,才能体现其强大。
4.CSS3
CSS3在CSS基础上增加了不少属性,除了常用的属性(如圆角边框,阴影,过渡,变形,动画)之外,还有图像边框,多色彩边框,倒影,蒙版,跑马灯,渐变,分栏,弹性布局,滤镜等等。但由于CSS3还比较新,因此,各个浏览器的兼容性也需要花费很大精力研究一番。
5.JS
其实,JS中的知识是最多的,最基础的是原生js,还需要学习著名的node.js与angular js等,js的框架比较多,从层出不穷的各种标题就可以发现,什么二十种优秀的图表制图框架,十种绚丽的大图滚动插件,八个值得你拥有的表单验证插件等。但掌握框架后,确实可以给你的工作带来很多便利,善用框架,让开发变得更容易。
在HTML5培训中,基础知识大概涵盖这几类。除了以上基本知识点以外,还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理以及存在的各种Bug。
想要学习HTML5的小伙伴就选择扣丁学堂吧,扣丁学堂不仅有专业的老师和与时俱进的课程体系,还有大量的HTML5视频教程供学员观看学习,想要学好HTML5的小伙伴抓紧时间行动吧。扣丁学堂H5技术交流群:559883758。
【关注微信公众号获取更多学习资料】
昨天我们分享了HTML和CSS的相关概念以及学习HTML5这门课程的准备工作视频教程,今天我们来分享HTML5基础的四点知识:1、站点的建立;2、HTML页面的创建;3、HTML5基本结构;4、HTML基本语法
以下为详细视频内容,更多免费课程大家可以关注千锋好程序员官方技术论坛,直接下载学习!
*请认真填写需求信息,我们会在24小时内与您取得联系。