跨平台播放器
关注
分享
扫一扫
文章平均质量分 95
阿酷tony
这个作者很懒，什么都没留下…
展开
-
前端实现html5播放器自动播放音频方法（必学的知识点）
前端实现html5播放器自动播放音频方法（必学的知识点）正如您可能已经注意到的，Web浏览器正在朝着更严格的自动播放策略发展，以改善用户体验，最大限度地减少安装广告拦截程序的动机，并减少昂贵的数据流量消耗。原创 2024-12-19 14:55:59 · 1038 阅读 · 0 评论 -
视频安全之授权播放和防录屏跑马灯
阿酷TONY 2021-2-26 整理视频安全之授权播放和防录屏跑马灯屏幕录像是最难防范的一种视频盗版方式，保利威播放器提供的防录屏跑马灯功能，通过设定文字内容（一般是观众的身份ID信息）在视频上不规则滚动，以此来警示盗版者，达到视频版权保护的效果。另外在用户网站中，除了通过登录信息（cookies）验证观众是否有权限访问视频播放页面外，还可以通过保利威播放器验证观众是否有播放某一个视频的权限，从而实现对观众权限的双重验证。实现流程实现步骤一、管理后台设置登...原创 2021-02-26 09:13:04 · 2623 阅读 · 0 评论 -
说说码率（Bitrate）、帧率（FPS）、分辨率和清晰度
视频在我们生活中应用越来越广了，不可避免的，我们在使用视频时，会遇到一些最常见的专业术语：视频编码格式、视频码率、视频帧率、视频分辨率，这些专业术语在一个视频文件中，到底是指的什么呢？听阿酷来说说吧。编码格式：一个视频文件本身，通常由音频和视频两部分组成。例如上图的视频文件，就是由avc视频编码+AAC音频编码组成的，常见的视频编码格式有Xvid，AVC/H.264，MPEG1，MPEG2 等，常见的音频编码有MP3、AAC等。视频码率：是指视频文件在单位时间内使用的数据流量，也叫码流率。码...原创 2020-08-18 09:26:56 · 9928 阅读 · 0 评论 -
css兼容不同设备的问题整理（移动端、PC端、iOS端与android端）
1. h5底部输入框被键盘遮挡问题var oHeight = $(document).height(); //浏览器当前的高度 $(window).resize(function(){ if($(document).height() < oHeight){ $("#footer").css("position","...原创 2019-11-13 16:33:00 · 954 阅读 · 0 评论 -
html5视频播放兼容性很头疼的问题
html5视频播放兼容性很头疼的问题，下面这个有一定的参考意义<video id="vv19" src="video/test.mp4" poster="images/1.jpg" /*视频封面*/ preload="auto" webkit-playsinline="true" /*这个属性是ios 10中设置可以 ..原创 2019-01-24 14:24:51 · 2938 阅读 · 2 评论 -
酷播云的应用指导教程
酷播云视频平台可以用来做企业宣传视频、产品宣传视频的存储平台，是免费的哦，可以实现没有广告的视频调用，希望对有需求的朋友有帮助。使用教程如下：第1步：登录酷播云管理平台后，点击【上传视频】，界面如下：第2步：将您的视频文件拖放到虚线区域或点击【选择视频文件并上传】，就可以了，如下图。(特别提示，上传视频支持avi,mpeg,wvm,rmvb,mkv,mov,3gp,flv,m...原创 2019-03-03 17:41:40 · 969 阅读 · 0 评论 -
微信端视频播放时防止被浏览器劫持的问题
微信端视频播放时防止被浏览器劫持的问题：参见：腾讯的移动浏览器劫持 <Video> 换成它自己的播放器还插广告： https://www.v2ex.com/t/411564video标签在微信内置浏览器和QQ浏览器（手机端）的怪异现象？https://www.zhihu.com/question/27472010---------------------代码：...转载 2019-03-25 08:47:26 · 5511 阅读 · 0 评论 -
视频跨平台播放器倍速播放
// 视频获取速率var videoSpeed = video.playbackRate;// 视频设置播放速率，如正常速度播放video.playbackRate = 1.0;// 获取音频播放速率var audioSpeed = audio.playbackRate;// 音频设置播放速率，如正常速度播放audio.playbackRate = 1.0;<video...原创 2019-07-29 09:31:40 · 463 阅读 · 0 评论 -
视频二维码的适用场景
视频二维码的适用场景产品应用：企业视频二维码应用适用场景：企业产品说明书、会议室使用视频说明、设备说明书、操作手册、培训手册、产品宣传册、增景区导游、博物馆展品、同学会、毕业演出、婚礼视频、地产宣传等各种可以用二维码展示的场景，用户扫一扫即可观看视频。（注意红色区是二维码，避免广告用红色覆盖了一下）未完待续....我的视频应用类原创文章...原创 2019-07-31 18:06:16 · 696 阅读 · 0 评论 -
html5之video标签支持的视频格式
目前，<video> 元素支持三种视频格式：MP4、WebM、Ogg。有如上这三种格式，他们在使用过程中对浏览器的兼容性稍有不同。MP4：MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器WebM：WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器Ogg ：Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解...原创 2019-08-07 09:03:19 · 28440 阅读 · 1 评论 -
视频文件mp4和flv的mime类型添加的方法详解
也许你会在纳闷，为什么我上传了flv或MP4文件到服务器，可输入正确地址通过http协议来访问总是出现“无法找到该页”的404错误呢？这就表明flv,mp4格式文件是服务器无法识别的，其实，这是没有在iis中将相应的MIME类型进行设置的原因。那该怎样设置MIME类型呢？开启mp4文件的话，需要在 “Internet信息(IIS)管理器”中右击需要更改的网站或目录，可以打开形如下图的窗口(我右...原创 2019-08-28 10:42:32 · 3498 阅读 · 0 评论 -
微信视频应用、视频直播、流媒体服务、视频教学、在线教育类原创文章汇总
原创文章 / 阿酷TONY / 更新：2018-12-12长沙 / 阳光明媚 / yáng guāng míng mèi / 2 ~ 6℃微信视频应用、视频直播、流媒体服务、视频教学、在线教育类原创文章汇总（2017-2018年度） 我的原创文章整理：视频中常用的HLS(m3u8)协议分析 新版谷歌Chrome允许flash的选项已不再保存和添加了（如何解决？） 视...原创 2018-12-12 10:06:29 · 520 阅读 · 0 评论 -
视频中常用的HLS(m3u8)协议分析
视频中常用的HLS(m3u8)协议分析HLS 全称是 HTTP Live Streaming，是 Apple 提出的流媒体协议，苹果官方的介绍是这样的子的：HTTP Live StreamingSend live and on‐demand audio and video to iPhone, iPad, Mac, Apple TV, and PC with HTTP Live Str...原创 2018-12-11 09:23:32 · 6680 阅读 · 0 评论 -
酷播v4.0免费播放器最新最简短代码范例
酷播v4.0免费播放器最新最简短代码范例，增加微信中的logo显示 ( iOS下支持)；4. 配合css样式，可以分别设定PC端和移动端不同尺寸宽高的播放器；原创 2017-10-20 17:31:47 · 3418 阅读 · 0 评论 -
视频节目预览功能播放器下载（视频收费模式、支持电脑端与微信视频预览功能）
1. 实现让用户预览一小段视频节目；2. 设定一个预览时间，比如15秒，播放完15秒后，弹出对话框，提示用户须注册（或须付费购买）；3. 弹出的对话框内容由div+css内容设定，可自由设定弹出框的内容，比较方便使用；4. 播放器接收设定的结束时间值后，停止播放视频，执行结束函数从而弹出结束的提示对话框；5. 本范例是支持电脑端观看，也支持手机端、平板、微信端观看，适配性强。原创 2017-10-13 13:55:20 · 1818 阅读 · 0 评论 -
为什么有些mp4不能在html5中video标签播放
首先我自己从网上下载的一个MP4文件，IE10和谷歌都能正常播放。然后自己用格式化工厂转换了一个RMVB文件为MP4，然后就不能播放。如下图，我选择MP4格式转换，里面的配置文件也调了很多遍，但是就是播放不了，IE10完全没反应，谷歌倒是能出声音，但是影像出不来。转载 2017-10-31 11:31:08 · 2669 阅读 · 1 评论 -
在线视频应用：flash播放器换html5播放器常见的问题汇总
作为视频播放主要载体flash插件的退出，html5视频应用就成了各类网站播放视频时，最佳的选择，那么，网站中使用html5标签来调用视频，应该注意些什么呢？原创 2017-11-20 15:29:07 · 15764 阅读 · 0 评论 -
HTML5倍数功能视频播放器（加速2倍，1.5倍播放）
本文章为原创文章，因为有很多朋友加我QQ咨询播放器来源的事，我在这补充说明一下：方式一中，播放器的倍速播放效果截图，来自酷播云免费视频平台，播放器自带这个功能有兴趣的朋友，可以注册用一下就知道 http://www.cuplayer.com/cloud ，主要为中小企业提供免费视频云服务；实例的演示效果，可以参见 http://www.52player.cn/Demos/CloudPlay...原创 2018-11-07 16:55:09 · 63992 阅读 · 4 评论 -
自己动手实现html5视频播放器倍数播放功能
自己动手实现html5视频播放器倍数播放功能<!DOCTYPE html><html><head><meta charset="utf-8"><title>阿酷TONY--Tangni</title></head><body><div s原创 2018-11-08 18:42:41 · 10706 阅读 · 0 评论 -
html5视频开发常涉及的事件汇总
html5视频开发常涉及的事件汇总，比较全面的事件整理。在处理用<audio> 和 <video>标签嵌入到HTML文档中的媒体时，会触发多种事件。本章列出这些事件，并给出一些使用方法。事件名称 描述 abort 在播放被终止时触发,例如, 当播放中的视频重新开始播放时会触发这个事件。 canplay 在媒体数据已经有足够的数据（至少播放...转载 2018-11-12 12:08:45 · 263 阅读 · 0 评论 -
处理微信视频播放控制条、全屏问题（调用html5原生video）
2018-11-21 长沙 雨，冷死。这篇转载：在ios和安卓手机里的微信下播放视频时，会遇到不少问题，例如需要手动点击，视频才会播放，并且视频会跳出微信框，出现控制条，如果视频不是腾讯视频，播放完毕会出现腾讯视频的广告推送，今天我们就来看一下如何规避这些问题。解决办法：给video标签加一些属性，调用h5原生video。下面是我写的一个小例子的html核心部分：<...转载 2018-11-21 09:16:49 · 8404 阅读 · 1 评论 -
判断HLS(m3u8)视频类型的播放代码示例
判断HLS(m3u8)视频类型的播放代码示例<div><video id="myVideo" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" data-setup='{}' style='width: 100%;height: auto'><so...转载 2018-11-21 10:44:13 · 5570 阅读 · 0 评论 -
视频播放常见问题让IIS支持mp4、flv等mime类型的设置
视频播放常见问题让IIS支持mp4、flv等mime类型的设置 操作：在服务器IIS ( Internet 信息服务(IIS)管理器 ) 中打开该站点1.点击“MIME类型”；2.点击“添加”MIME类型；MP4格式添加：文件扩展名：.mp4 （注意前面有个"."）MIME类型：video/mp4FLV格式添加：文件扩展名：.flv（注意前面有个"."）M...原创 2018-11-15 09:07:06 · 4213 阅读 · 0 评论 -
酷播更新了html5和flash播放器的优先级选项和收费预览视频功能
酷播更新了html5和flash播放器的优先级选项和收费预览视频功能。1. 增加播放器优先级选项；2. 增加支持PC端和移动端的视频预览功能（收费预览视频功能）；3. 增加微信中的logo显示 ( iOS下支持)；原创 2017-10-10 17:23:05 · 1226 阅读 · 0 评论