网页视频播放器
阿酷tony
这个作者很懒,什么都没留下…
展开
-
html5的video标签事件代码实例说明
html5的video标签事件代码实例说明,html5的video标签事件代码实例说明原创 2024-08-13 08:51:52 · 429 阅读 · 0 评论 -
html5视频倍速播放实现
1. 倍速播放功能可以让视频加速或者减速播放;2. 在PC端,HTML5播放器能轻松实现倍速播放功能,您可以将视频的播放速度设定为0.5倍,1倍(正常速),1.2倍,1.5倍,2倍。移动端要使用倍速功能,则是通过集成SDK来实现;原创 2024-07-31 09:18:16 · 360 阅读 · 0 评论 -
html5语法下的video标签,如何通过 ontimeupdate事件来记录当前视频播放的时间点
html5语法下的video标签,如何通过 ontimeupdate事件来记录当前视频播放的时间点。html5语法下的video标签,如何通过 ontimeupdate事件来记录当前视频播放的时间点原创 2024-06-12 17:49:29 · 473 阅读 · 0 评论 -
酷播云H5播放器自适应宽高实例
酷播云H5播放器自适应宽高实例原创 2024-05-21 19:05:42 · 130 阅读 · 0 评论 -
html5网页播放器视频切换、倍速切换、视频预览的代码实例
本文将对视频播放相关的功能进行说明,包括初始化播放器、播放器尺寸设置、视频切换、倍速切换、视频预览、自定义视频播放的开始/结束时间、禁止拖拽进度、播放器皮肤、控件按钮以及播放控制等原创 2023-05-22 00:32:14 · 4378 阅读 · 0 评论 -
谷歌chrome浏览器无法自动播放video标签视频的问题
谷歌chrome浏览器无法自动播放video标签视频的问题,新版谷歌默认是不支持带音量视频的,所以让视频先静音。原创 2023-05-17 23:03:21 · 2507 阅读 · 0 评论 -
简易的html5视频播放倍速代码写法
HTML5视频标签有一个叫做playbackRate的属性,用于设置倍速播放。例如设置播放速度为2倍,可以写成原创 2023-03-17 10:04:30 · 8827 阅读 · 0 评论 -
html5播放器禁止拖拽、视频禁止拖动的实例
html5播放器禁止拖拽、视频禁止拖动的实例,html5播放器禁止拖拽功能,常用于场景:企业培训、在线教学内容禁止学员拖动视频进行观看。原创 2023-03-08 22:47:33 · 1330 阅读 · 0 评论 -
Html5播放器如何实现倍速播放
设置为false则关闭倍速,可传入数组自定义显示哪几种倍速,速率1不需要填入,会自动添加,所设置速率值必须大于0,少于或等于3,最多设置6种速率(不包含1),所设置值会按由大到小自动排序原创 2022-11-03 11:26:10 · 4852 阅读 · 0 评论 -
vue引入video视频播放器(视频调用代码范例)
vue视频调用代码范例,vue视频调用代码范例,vue视频调用代码范例原创 2022-08-23 16:36:52 · 2664 阅读 · 0 评论 -
HTML5视频播放器
HTML5视频播放器自定义:第1部分:播放器部分,第2部分:JS部分。原创 2022-07-27 11:17:41 · 878 阅读 · 0 评论 -
监听视频窗口大小变化(resize)实现全屏
监听窗口大小变化(resize)实现全屏原创 2021-12-02 13:48:31 · 2541 阅读 · 0 评论 -
html5如何播放m3u8文件(m3u8分片索引文件)
html5如何播放m3u8文件(m3u8分片索引文件)<video width="352" height="198" controls> <source src="https://www.cuplayer.com/live/playlist.m3u8" type="application/x-mpegURL"></video>原创 2021-10-21 15:41:36 · 4161 阅读 · 0 评论 -
IIS7.0 (windows2012)怎么安装配置SSL证书-方法
一、安装SSL证书环境1.1 SSL证书安装环境简介安装 windows server 2008 IIS7.0 操作系统服务器一台,web 站点一个SSL证书一张(备注:本指南使用 s.wosign.com 域名OV SSL证书进行操作)1.2 网络环境要求请确保站点是一个合法的外网可以访问的域名地址,可以正常通过或 http://XXX 进行正常访问。二、SSL证书的导入2.1 获取SSl 证书成功在沃通CA申请SSL证书后,会得到一个有密码的压缩包文件,输入证书密码后原创 2021-08-29 23:34:46 · 1465 阅读 · 0 评论 -
html5播放器常用:video对象属性与方法
Video 对象属性属性 描述 audioTracks 返回表示可用音频轨道的 AudioTrackList 对象。 autoplay 设置或返回是否在就绪(加载完成)后随即播放视频。 buffered 返回表示视频已缓冲部分的 TimeRanges 对象。 controller 返回表示视频当前媒体控制器的 MediaController 对象。 controls 设置或返回视频是否应该显示控件(比如播放/暂停等)。 crossOrigin原创 2021-08-16 09:19:44 · 794 阅读 · 0 评论 -
HTML5播放器示例写法
HTML5播放器参数:属性 值 描述 autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。 controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。 height pixels 设置视频播放器的高度。 loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。 muted muted 规定视频的音频输出应该被静音。 poster UR..原创 2021-08-16 09:10:02 · 220 阅读 · 0 评论 -
html5播放器视频倍速播放功能
阿酷TONY 2021-3-241. 倍速播放功能可以让视频加速或者减速播放;2. 在PC端,HTML5播放器能轻松实现倍速播放功能,您可以将视频的播放速度设定为0.5倍,1倍(正常速),1.2倍,1.5倍,2倍。移动端要使用倍速功能,则是通过集成SDK来实现;3. H5播放器的使用方法有两种,第一种,是直接通过一段JS代码实现;第二种是通过在点播后台,视频设置里直接勾选优先使用H5播放器,然后使用多终端代码;4. 目前H5播放器需要IE11或以上的浏览器才能完美兼容。截图效果:.原创 2021-03-24 10:10:07 · 3679 阅读 · 3 评论 -
H5视频video标签宽高自适应代码(设置视频的宽高)
H5视频video标签宽高自适应代码(设置视频的宽高)一般情况下:<video width="320" height="240" controls="controls">但是有的时候发现设置了视频的高度却并没有发生变化,我们可以设置其父元素的宽高,让video填充满父元素。只要给video标签加上style="width= 100%; height=100%; object-fit: fill"即可。object-fit语法object-fit:fill | contain |原创 2021-03-23 08:55:59 · 14145 阅读 · 3 评论 -
html5视频标签video画中画几个API
画中画看上去很酷,总感觉API也会很复杂,实际上,除了名称长了点,超简单的。假设变量video就是我们的<video>视频元素,则,进入画中画模式,直接一句:// 进入画中画video.requestPictureInPicture();退出画中画模式,也是一句:// 退出画中画document.exitPictureInPicture();为了方便我们监听视频的播放状态,还提供了2个事件API接口,如下:// 进入画中画模式时候执行video..原创 2021-03-23 08:50:19 · 2758 阅读 · 0 评论 -
视频安全之视频播放密码功能(设置观看密码功能教程)
视频安全之视频播放密码功能(设置观看密码功能教程) 视频播放密码视频播放密码视频播放密码/设定观看密码功能,对视频文件设置观看权限,划分学员和游客,学员输入正确的密码即可观看视频。STEP1登录酷播云管理平台,选择“视频列表”,点选对应视频,之后选择"视频设置",即会弹出如下设置窗口,从“设置密码”中设定视频观看密码。图1:视频播放密码/设定观看密码功能STEP2用户观看端效果如下,支持PC端和移动端的播放密码功能。图2:视频播放密码/设定观看密码功能..原创 2021-03-08 22:59:35 · 3869 阅读 · 0 评论 -
html5带倍速功能的视频播放器(加速2倍,1.5倍播放)
阿酷TONY采用第三方云视频平台HTML5倍数功能视频播放器(加速2倍,1.5倍播放)倍数功能视频播放器的应用:培训场景,教育教学场景下,可以倍速观看视频,比如1.5倍,2倍的速度观看视频,可以更快速的看完课程,节省时间。<div id="player"></div><script src="//player.polyv.net/script/player.js"></script><script> var p..原创 2021-03-08 22:56:26 · 3046 阅读 · 2 评论 -
去掉h5播放器中voide标签中的下载按钮
去掉H5播放器中voide标签中的下载按钮,参考代码:<videowidth="320"height="240"controls> <sourcesrc="movie.mp4"type="video/mp4" poster="img/tony.jpg"> <sourcesrc="movie.ogg"type="video/ogg"poster="img/tony.jpg"></video>video::-inte...原创 2020-08-11 09:06:41 · 1217 阅读 · 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 · 28318 阅读 · 1 评论 -
视频文件mp4和flv的mime类型添加的方法详解
也许你会在纳闷,为什么我上传了flv或MP4文件到服务器,可输入正确地址通过http协议来访问总是出现“无法找到该页”的404错误呢?这就表明flv,mp4格式文件是服务器无法识别的,其实,这是没有在iis中将相应的MIME类型进行设置的原因。那该怎样设置MIME类型呢?开启mp4文件的话,需要在 “Internet信息(IIS)管理器”中右击需要更改的网站或目录,可以打开形如下图的窗口(我右...原创 2019-08-28 10:42:32 · 3365 阅读 · 0 评论 -
HTML5之Video对象属性和方法(html5播放器设计必须研究的)
准备研究下html5视频播放器,html5音视频播放器开发设计必须研究的东东,整理出来,会用到的。阿酷。。。。Video实例<video src="movie.ogg" controls="controls">您的浏览器不支持 video 标签。</video>浏览器支持注释:Internet Explorer 8 以及更早的版本不支持 <vid...原创 2018-11-19 23:36:27 · 3761 阅读 · 0 评论 -
如何用基于保利威视云平台来做网络年会直播活动
那么,如何做一场年终表彰会、年会活动的现场直播呢?听我一一道来,我今天教程主要讲的是基于保利威视云平台,今后会陆续出乐视云,网易视频云,CC视频云的,值得期待哦哦 .....转载 2016-11-11 11:55:03 · 7821 阅读 · 0 评论 -
视频跨平台播放器倍速播放
// 视频获取速率var videoSpeed = video.playbackRate;// 视频设置播放速率,如正常速度播放video.playbackRate = 1.0;// 获取音频播放速率var audioSpeed = audio.playbackRate;// 音频设置播放速率,如正常速度播放audio.playbackRate = 1.0;<video...原创 2019-07-29 09:31:40 · 434 阅读 · 0 评论 -
免费开源软件OBS经典版与工作室版下载
www.obsapp.com/obsdownloadOBS 经典版推荐支持Win7/Win8/Win10免费开源软件,用于视频录制和直播功能特点:1. 直播 RTMP 流媒体,兼容各大直播平台2. 支持OBS直播相关插件3. 性能稳定4. 编码使用H264(X264)和AAC5. 无限数量的场景和来源6. 基于GPU的高性能游戏流媒体游戏捕获7. 支持Direc...原创 2019-04-09 15:33:25 · 3214 阅读 · 0 评论 -
html5视频全屏背景插件(支持全屏背景,标签实现)
vidbacking是一款响应式的,跨平台的html5视频背景插件。该视频背景插件允许你在页面中的某个div后整个页面中使用HTML5视频作为背景。使用简单,对于在元素内制作视频背景效果,你只需要将video标签放在元素内即可。 Vidbacking Demo of Ba转载 2018-01-23 15:15:34 · 4233 阅读 · 1 评论 -
JwMediaPlayer视频音频媒体播放器
JwMediaPlayer视频音频媒体播放器5.10免费版,是一种基于flash的交互式网页媒体播放器转载 2018-01-02 16:29:47 · 1132 阅读 · 0 评论 -
视频节目预览功能播放器下载(视频收费模式、支持电脑端与微信视频预览功能)
1. 实现让用户预览一小段视频节目;2. 设定一个预览时间,比如15秒,播放完15秒后,弹出对话框,提示用户须注册(或须付费购买);3. 弹出的对话框内容由div+css内容设定,可自由设定弹出框的内容,比较方便使用;4. 播放器接收设定的结束时间值后,停止播放视频,执行结束函数从而弹出结束的提示对话框;5. 本范例是支持电脑端观看,也支持手机端、平板、微信端观看,适配性强。原创 2017-10-13 13:55:20 · 1750 阅读 · 0 评论 -
酷播v4.0免费播放器最新最简短代码范例
酷播v4.0免费播放器最新最简短代码范例,增加微信中的logo显示 ( iOS下支持);4. 配合css样式,可以分别设定PC端和移动端不同尺寸宽高的播放器;原创 2017-10-20 17:31:47 · 3310 阅读 · 0 评论 -
酷播更新了html5和flash播放器的优先级选项和收费预览视频功能
酷播更新了html5和flash播放器的优先级选项和收费预览视频功能。1. 增加播放器优先级选项;2. 增加支持PC端和移动端的视频预览功能(收费预览视频功能);3. 增加微信中的logo显示 ( iOS下支持);原创 2017-10-10 17:23:05 · 1184 阅读 · 0 评论 -
html5播放器的标签与用法(mp4视频编码问题)
html5播放器的标签与用法(mp4视频编码问题),看不明白以上的含义?,不要紧,直接参考如下格式转换的参数设定吧。MP4属高清格式,MP4格式要求如下:视频编码:h264、 音频编码:AAC。事情就是这样了。原创 2017-06-23 11:45:57 · 4787 阅读 · 1 评论 -
酷播V4.0免费网页播放器如何更改自己的右键信息
酷播V4.0免费型网页播放器,是一款免费、简单、易用的网页播放器,还有一点,这款网页播放器可以支持PC、安卓、iOS观看,不要装插件直接可观看,所以很受大家喜欢,但是,有很多朋友不知如何更换它的右键自定义信息,这个教程,就来说说如何更换右键信息的事情吧原创 2017-06-22 15:55:44 · 1099 阅读 · 0 评论 -
Nginx超完整配置技术说明
Nginx超完整配置技术说明,Nginx配置,Nginx教程原创 2017-07-01 12:59:13 · 436 阅读 · 0 评论 -
酷播云如何上传视频到云平台?
酷播云如何上传视频到云平台的完整教程,由于酷播云是免费的视频存储,无任何广告,更没有youku,tudou那种前置70秒的视频广告,用来上传企业宣传视频,还是很不错的。上传好了,你就可以调用这个视频的代码了,放到你自己的网页页面中,就完事了。是不是特简单呢?原创 2017-06-30 17:01:24 · 1566 阅读 · 0 评论 -
[转载备用]极酷阳光播放器CuSunPlayerV2.0版RTMP网页视频播放器
极酷阳光播放器CuSunPlayerV2.0版RTMP网页视频播放器(2012-08-09更新)* 支持RTMP协议(支持red5,wowza,FMS等rtmp流媒体);也支持http协议;New* 支持5种广告功能:支持前置flash广告、前置视频广告、暂停广告、角标广告、后置flash广告; New* 提供更丰富的JS函数接口,用于更方便的处理AS与JS的交互,以及JS与AS的转载 2012-10-16 14:32:20 · 1748 阅读 · 0 评论 -
微信中的html5视频标签应用常用写法
微信中的html5视频标签应用常用写法 Your browser does not support the video tag.原创 2018-01-23 15:27:20 · 3538 阅读 · 0 评论 -
自己动手实现html5视频播放器倍数播放功能
自己动手实现html5视频播放器倍数播放功能<!DOCTYPE html><html><head><meta charset="utf-8"><title>阿酷TONY--Tangni</title></head><body><div s原创 2018-11-08 18:42:41 · 10625 阅读 · 0 评论