HTML5
关注
分享
扫一扫
文章平均质量分 69
视频砖家
我就是我，是颜色不一样的烟火……
展开
-
HTML5企业网站如何添加视频？附三种教程方法！
HTML5企业网站如何添加视频？附三种教程方法！自定义视频播放的开始/结束时间，播放器支持通过参数来指定视频开始/结束播放的时间点。原创 2025-02-14 10:03:24 · 930 阅读 · 0 评论 -
图表可视化-大模型时代下的生成式BI
平台支持直连多种数据源（MySQL、SQL Server、PostgreSQL、Oracle、DB2、GBase、GreenPlum、Presto、Kylin、Hive、Spark SQL、Impala、Clickhouse 等等），还可以通过 API、静态 JSON 方式绑定可视化图表的数据，简单灵活。原创 2025-01-14 10:55:20 · 607 阅读 · 0 评论 -
使用jQuery来实现手机号码验证的HTML5页面示例
使用jQuery来实现手机号码验证的HTML5页面示例.DOM加载完成后绑定事件：使用$(document).ready()确保DOM完全加载后再绑定事件处理器。原创 2024-12-04 09:44:51 · 317 阅读 · 0 评论 -
Element-ui官方示例（Popover 弹出框）
Element-ui官方示例（Popover 弹出框）我们为新版的 vue-cli 准备了相应的Element 插件，你可以用它们快速地搭建一个基于 Element 的项目。原创 2024-10-14 15:38:59 · 907 阅读 · 0 评论 -
Bootstrap文件介绍与它的整体架构介绍
Bootstrap文件介绍与它的整体架构介绍，bootstrap框架中除了Css组件和JavaScript插件外，另外四部分都是基础支撑平台。原创 2024-10-11 09:08:31 · 852 阅读 · 0 评论 -
BootStrap组件class根据不同设备设定显示与隐藏
如需在给定的屏幕尺寸范围内显示某个页面元素的话，可以将一个 .d-*-none 类和一个 .d-*-* 类联合使用，例如，.d-none .d-md-block .d-xl-none .d-xxl-none 的效果是：在中等尺寸（medium）和大尺寸（large）的屏幕上显示指定的页面元素原创 2024-10-11 08:54:21 · 576 阅读 · 0 评论 -
惊艳，这个html5播放器支持视频切换、倍速切换、视频预览
初始化播放器、播放器尺寸设置、视频切换、倍速切换、视频预览、自定义视频播放的开始/结束时间、禁止拖拽进度、播放器皮肤、控件按钮以及播放控制等原创 2023-10-26 10:23:36 · 1560 阅读 · 1 评论 -
html5播放器设置音量的方式实例源代码
方式1：html5播放器设置音量的方式实例源代码。方式2：酷播云html5播放器代码实例原创 2023-05-08 01:24:29 · 1133 阅读 · 0 评论 -
html5中的meta标签用法详解
移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域。html5中的meta标签主要用于描述网页的元数据，它可以用于描述网页的标题、关键词、描述、作者、版权等信息，还可以用于设置网页的字符集、设置网页的刷新时间、设置网页的跳转页面等。原创 2023-02-21 09:39:27 · 3388 阅读 · 0 评论 -
视频预览播放器与JS之间交互
视频预览播放器与JS之间交互原创 2021-12-23 09:08:02 · 272 阅读 · 0 评论 -
酷播云H5播放器自动播放与循环播放
酷播云H5播放器自动播放与循环播放，播放器自动播放与循环播放，说明：html5的自动播放与循环播放，各浏览器的支持并不一致，存在部分浏览器不支持的情况。原创 2021-12-02 10:07:31 · 510 阅读 · 0 评论 -
基于OBS如何实现毫秒级超低延时直播
原创教程 / 2021-11-16 / 文章字数2300文章简述：本文介绍使用OBS无延迟直播插件在第三方云平台，如何实现超低延时直播的完整教程（延迟约为400毫秒，通常延迟是3-15秒）。OBS简要介绍OBS（Open Broadcaster Software）是一款免费开源的视频录制和视频直播推流软件，功能非常强大，在做视频直播时经常会用到，支持Windows, Mac以及Linux等不同平台。基于OBS，可以很方便的实现摄像机采集卡画面、桌面、文档、多媒体等不同形式的画面采集和输出。原创 2021-11-16 10:22:43 · 4097 阅读 · 1 评论 -
一款HTML5网页播放器全功能版的界面
我的热门文章推荐多路视频直播用在线云导播切换的效果测试 如何把视频转换生成二维码，扫码直接播放？ 有哪些网站上传视频是不会插入广告的？ 怎么把视频生成二维码？微信扫二维码就可以观看？不要广告的 常用照片尺寸对照表，照片大小看这个表就对了 视频直播推流攻略（整理的各大平台推流界面） html5视频倍速播放功能 教你一招：多个视频如何实现列表播放？ 微信公众号如何实现视频列表播放视频的功能 h5视频倍速播放功能(视频多倍速观看功能的实例) 怎样配置FTP服务器 如何使用...原创 2021-11-04 09:49:33 · 220 阅读 · 0 评论 -
php程序如何删除文件夹和文件
<?php function deleteDir($dir) { if (!$handle = @opendir($dir)) { return false; } while (false !== ($file = readdir($handle))) { if ($file !== "." && $file !== "..") { //排除当前目录与父级目录.原创 2021-10-21 16:21:43 · 411 阅读 · 0 评论 -
视频html5播放器代码实例
视频html5播放器代码实例<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css">*{margin: 0;padding: 0;list-style: none;} .outerNode{width: 540px;height: 332px;posit.原创 2021-10-20 12:21:26 · 3335 阅读 · 1 评论 -
html5视频源文件播放教程
源文件播放，是指视频上传到源文件播放属性的目录中，平台不对上传到该目录下的文件进行重新编码，而直接以其上传的文件，进行播放。注：用户必须上传标准mp4格式的文件，暂不支持其他格式。STEP1图1：源文件播放教程STEP2图2：源文件播放教程STEP3图3：源文件播放教程我的热门文章推荐多路视频直播用在线云导播切换的效果测试 如何把视频转换生成二维码，扫码直接播放？ 有哪些网站上传视频是不会插入广告的？ 怎么把视频生成二维码？微信扫二维码..原创 2021-10-20 12:18:36 · 894 阅读 · 0 评论 -
html5实现视频倍速播放代码示例
<!DOCTYPE html><html><head><meta charset="utf-8"><title>阿酷TONY--Tangni</title></head><body><div style="text-align:center"> <button οnclick="playPause()">播放/暂停</button> <button.原创 2021-09-16 11:58:27 · 2172 阅读 · 0 评论 -
腾讯云播放器 Demo与调用方法
Web 端播放器支持 PC 端和移动端的浏览器视频播放，丰富灵活的接口可帮助用户快速与自有 Web 应用集成。针对超级播放器的基础播放和点播播放两种播放模式，腾讯云分别提供了其对应的 Web 端视频播放器，您可根据自身需求进行体验。腾讯云播放器 Demo与调用方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-.原创 2021-09-10 15:10:31 · 1323 阅读 · 0 评论 -
如何禁止html标签video标签自动全屏播放
如何禁止html标签video标签自动全屏播放<video loop onClick="javascript:clickVideo();" ><source src="" type="video/webm"></video>我的热门文章推荐多路视频直播用在线云导播切换的效果测试 如何把视频转换生成二维码，扫码直接播放？ 有哪些网站上传视频是不会插入广告的？ 怎么把视频生成二维码？微信扫二维码就可以观看？不要广告的 常用照片尺寸对照表，.原创 2021-09-08 14:48:54 · 729 阅读 · 0 评论 -
html5视频播放器带ID跑马灯效果（视频防录屏）
通过接口配置获取观看者信息，将观看者信息随机显示于视频播放界面（可自定义位置、时间、时长、及颜色等），在不影响观看体验的同时，让视频具备指纹信息。ID跑马灯可快速追踪被盗视频出处，方便第一时间对录屏者进行举报封号，并为法律途径起诉保留证据。在震慑盗版者的同时，也这样可以大大的增加盗版者的录屏成本，同时还能够强力的震慑盗版者。应用场景：html5视频播放器带ID跑马灯常可以用在教育机构、企业视频教学中做防录屏的保护。例如以下演示截图ID显示是：ID-TONY-2021-2-25-TEL-1350.原创 2021-07-29 16:27:01 · 1942 阅读 · 0 评论 -
视频存储与公众号中播放的解决方案（直接调用代码或公众号调用视频地址）
企业视频产品宣传片的制作，有利于企业形象的树立，还可以得到公众的信赖，为企业营销做直观形象的铺垫。企业宣传片作为企业的工具，集合视听语言于一身，可以从听觉和视觉两个方面来展示企业和产品。这种本身的直观性，比较与传统单一的营销方式相比更具优势。第1种应用方式：纯H5播放器代码应用<div id="player"></div><script src="//player.polyv.net/script/player.js"></script>..原创 2021-07-29 16:03:43 · 1310 阅读 · 0 评论 -
企业微信公众号如何调用视频列表(视频专辑)
有公众号的朋友，看过来，今天来教教大家，在企业微信公众号中如何调用视频列表。先上一个效果吧：最终效果的截图-关注酷播公众号，查看实际的应用效果（在本公众号中，点开 [功能应用 > 视频专辑演示] 查看）STEP1注册帐号参考如下( 图1-1 )，按照提示填入您的注册信息，再点击下方的"注册"按钮，完成酷播云用户帐号的注册。1. 如果您没有帐号，可点此注册。2. 如果您已帐号，可点此登录图1-1：注册帐号图1-2：帐号登录STEP2上传视频...原创 2021-07-21 18:21:35 · 1646 阅读 · 1 评论 -
HTML5播放器调用(功能效果)
播放器参数说明：参数 类型 默认值 说明 应用 wrap string / HTMLElement - 页面上存在需要载入播放器的DOM元素或css选择器 width number / string 100% 播放器的宽度 height number / string auto 播放器的高度 vid string - 从 polyv 后台上传的视频会生成一个视频唯一..原创 2021-06-25 15:39:54 · 1238 阅读 · 1 评论 -
禁止视频在手机移动端页面中全屏播放代码范例
禁止视频在手机移动端页面中全屏播放代码范例<video controls autoplay loop preload="auto" poster="img/popup-img.png" webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" x-webkit-air...原创 2020-12-22 23:10:35 · 574 阅读 · 0 评论 -
一款Html5播放器界面截图
图1： Html5视频播放器图2： Html5视频播放器图3： Html5视频播放器图4：倍速播放功能图5：倍速播放功能我的热门文章推荐多路视频直播用在线云导播切换的效果测试 如何把视频转换生成二维码，扫码直接播放？ 有哪些网站上传视频是不会插入广告的？ 怎么把视频生成二维码？微信扫二维码就可以观看？不要广告的 常用照片尺寸对照表，照片大小看这个表就对了 视频直播推流攻略（整理的各大平台推流界面） html5视频倍速播放功能 教你一招：多...原创 2020-11-27 18:37:59 · 278 阅读 · 0 评论 -
jquery让一个div水平垂直居中
jquery让一个div水平垂直居中if($("#cont1").css("position")!="fixed"){ $("#cont1").css("position","absolute"); var dw = $(window).width(); var ow = $("#cont1").outerWidth(); var dh = $(window).heigh.原创 2020-11-13 14:31:40 · 466 阅读 · 0 评论 -
html5-video标签做视频加密的方法
html5-video标签做视频加密的方法/* * 在这里可以进行权限验证等操作 */ //创建文件对象File f = new File("E:\\test.mp4");//获取文件名称String fileName = f.getName();//导出文件String agent = getRequest().getHeader("User-Agent").toUpperCase();InputStream fis = null;OutputStream os = null.原创 2020-08-24 12:06:39 · 4564 阅读 · 0 评论 -
JS控制改变css样式的几种常见的方法
第一种：用cssTextvar div=document.getElementById('div');第二种：用setProperty()div.style.cssText='width:250px;height:250px;border:1px red solid;';第三种：使用css属性对应的style属性div.style.setProperty('width',...原创 2020-01-17 18:25:45 · 300 阅读 · 0 评论 -
视频生成二维码操作指南（手把手操作教程）
原创：手把手操作二维码教程2019-11-13二维码已经不经意间快速地融入了我们的生活，我们可以通过扫描二维码来添加好友、付款等等， 那么，如何让视频生成二维码直接观看和实现分享呢？「 视频二维码 」是指用户上传视频后，酷播云直接自动生成二维码，观看者通过扫二维码直接观看，也可以直接在微信端对视频进行分享，实现视频更便捷的分享与传播。来，今天看我的教程吧，一步一步教大家如何实现。...原创 2019-11-13 17:52:40 · 7848 阅读 · 4 评论 -
css3兼容各版本浏览器前缀（以及兼容移动端、PC端、iOS端与android端）
css3兼容各版本浏览器前缀前缀 浏览器-moz- 火狐等使用Mozilla浏览器引擎的浏览器-webkit- Safari, 谷歌浏览器等使用Webkit引擎的浏览器-o- Opera浏览器(早期)-ms- Internet Explorer (不一定)1. h5底部输入框被键盘遮挡问题var oHeight = $(d...原创 2019-11-13 17:12:45 · 1636 阅读 · 0 评论 -
css下设置字体的em、rem、vw、vh字体单位详解
点击链接后退页面：<a href="javascript:history.go(-1)">回到上一个网页</a>——修改placeholder提示的样式：1.除IE外通用写法类名或标签名::placeholder {color: red;}2.加兼容前缀写法css超出一行显示省略号：给定宽度(width:100px)、超出隐藏（overflow:hid...原创 2019-11-11 09:58:34 · 2148 阅读 · 0 评论 -
企业视频产品宣传片制作、存储与播放（常见问题汇总）
企业视频产品宣传片制作、存储与播放（常见问题汇总）企业视频产品宣传片的制作，有利于企业形象的树立，还可以得到公众的信赖，为企业营销做直观形象的铺垫。企业宣传片作为企业的工具，集合视听语言于一身，可以从听觉和视觉两个方面来展示企业和产品。这种本身的直观性，比较与传统单一的营销方式相比更具优势。图1：视频全终端观看企业产品宣传片视频调用的问题：如何让自己网站播放企...原创 2019-10-29 18:23:54 · 352 阅读 · 0 评论 -
html5视频倍速播放功能
h5视频倍速播放功能(视频多倍速观看功能的实例)写倍速播放器代码的原理，采用的是video的playbackRate属性 ( playbackRate 属性设置或返回音频/视频的当前播放速度)。主要代码：<video id="video" width="180" height="314" autobuffer controls src="./sing-song.mp4" ty...原创 2019-10-22 12:09:50 · 10078 阅读 · 1 评论 -
js判断浏览器类型
// 判断浏览器类型myBrowser() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 if (userAgent.indexOf("OPR") > -1) { return "Opera"; } //判断是否Opera浏览器 OPR/43.0.2442.991 i...原创 2019-10-22 12:06:34 · 275 阅读 · 0 评论 -
一个视频跨平台倍速播放效果示例（图）
上一个界面酷的H5播放器界面效果，很酷，支持高清、超清切换，支持多倍速播放。图1：倍速播放功能图2：倍速播放功能图3：酷播云倍速播放功能...原创 2019-07-29 00:55:53 · 721 阅读 · 0 评论 -
视频二维码的功能如何实现？
应用场景说明：1. 我没有网站，但我想把自己录的视频，生成一个二维码，以分享给朋友（不要含任何广告）；2. 我是一个小公司，自己没有视频服务器，但我想把自己的产品视频，用二维码的形式发给我的客户（不要其他广告）；3. 我想把自己的视频，分享到朋友圈中；4. 我要把视频直接生成二维码，发给朋友，要求是免费没有广告。好吧，都可以实现，是免费的，没有广告的。以下附教程：来教教大家如何把...原创 2019-05-22 16:22:55 · 1934 阅读 · 0 评论 -
css中Flex布局是什么（完整档案）
布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。一、Flex布局是什么？Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。 .box1{ display: flex;...转载 2019-03-25 08:39:31 · 162 阅读 · 0 评论