标签:网页播放器

HTML5轻松实现全屏视频背景

HTML5轻松实现全屏视频背景

2018年04月17日作者:月光光

想在你的网页首页中全屏播放一段视频吗?而这段视频是作为网页的背景,不影响网页内容的正常浏览。那么我告诉你有一款Javascript库正合你意,它就是Bideo.js。阅读全文

HTML5 Web播放器-Video.js

HTML5 Web播放器-Video.js

2018年04月09日作者:月光光

Video.js是一款优秀的HTML5 Web视频播放器。它同时支持 HTM5 和 Flash 视频,支持在桌面和移动设备上的视频播放,截至目前,大概有40W的站点在使用Video.js作为web播放器。阅读全文

当页面滚动时将HTML5视频播放器固定在页面右下角

当页面滚动时将HTML5视频播放器固定在页面右下角

2017年04月25日作者:月光光

在有视频播放的页面上,有时我们需要滚动页面查看视频相关的内容信息,如简介、相关评论等,那么滚动页面时,视频播放器会离开视窗区域,这个时候我们可以使用JS和CSS技术将播放器切换固定到页面右下角。阅读全文

基于HTML5的有弹幕功能的视频播放器

基于HTML5的有弹幕功能的视频播放器

2016年04月29日作者:月光光

Danmmu Player是一个具备弹幕功能的Html5视频播放器。我们在观看视频的时候,可以对视频发表自己的观点,当点击发送按钮后,发表的内容会在视频屏幕上以彩弹的形式发出,并做滚动展示动画效果,即视频弹幕功能。阅读全文

非常漂亮的HTML5音乐播放器

暂无图片

2015年12月12日作者:月光光

APlayer是一个非常漂亮的HTML5音频播放器,它将audio标签封装,并结合CSS制作出漂亮的播放器UI,它支持设置歌名、歌手和歌词,可以设置是否自动播放,支持缩略图,支持播放进度以及设置播放源。阅读全文

使用按钮控制HTML5背景音乐开关

暂无图片

2015年09月06日作者:月光光

我们有时会在页面上加上背景音乐,允许用户自己开启和关闭背景音乐,尤其基于手机html5制作的多媒体页面,HTML5的audio音频标签可以获取音频的播放状态,通过触摸按钮就可以关闭和开启背景音乐。阅读全文

HTML5响应式可触控的音频播放器

暂无图片

2015年05月23日作者:月光光

HTML5的audio提供了音频播放功能,但是原生的播放器样式不怎么好看,而且各浏览器对audio的外观展现不统一。我们可以对audio稍微包装下,便可实现一个响应式的可触控的漂亮的播放器。阅读全文

跨浏览器兼容的HTML5视频音频播放器

跨浏览器兼容的HTML5视频音频播放器

2014年08月25日作者:月光光

HTML5的video和audio标签是用来在网页中加入视频和音频的标签,在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。阅读全文

HTML5视频标签video

HTML5视频标签video

2012年07月13日作者:月光光

现阶段,我们要在网页中嵌入视频的最可靠最常用的办法是使用Flash,通过使用object和embed标签,就可以通过浏览器播放swf,flv等格式视频文件,但是前提是浏览器必须安装第三方插件:Adobe Flash Player。而HTML5的到来,改变了这一事实,WEB开发者只需要使用video标签就可以轻松加载视频文件,而不需要任何第三方插件。阅读全文

使用HTML5的Audio标签打造WEB音频播放器

使用HTML5的Audio标签打造WEB音频播放器

2012年06月13日作者:月光光

目前,WEB页面上没有标准的方式来播放音频文件,大多数的音频文件是使用插件来播放,而众多浏览器都使用了不同的插件。而HTML5的到来,给我们提供了一个标准的方式来播放WEB中的音频文件,用户不再为浏览器升级诸如Adobe Flash、Apple QuickTime等播放插件,只需使用现代浏览器就可以聆听任何可以发出声音的WEB网站。阅读全文

上一页12下一页