vue3的video，打点、标记
原创
2023-10-11 18:42:39
1126阅读
程序员最大的快乐应该就是解决bug吧，哈哈，这个问题在我这边解决了，我太难了，说下整个流程吧，我用的是video.js来播放的视频，安卓状态下，点击全屏按钮可以直接横屏没问题，用的是社区里一位老兄的办法，具体的是谁的找不到了哈，我这里拿过来借鉴一下，// Android平台的视频全屏旋转
var fullScreenOfAndroid = function() {
console.log
转载
2023-11-16 11:20:53
389阅读
webstorm因为之前开发ReactNative的时候，选择了webstorm，这回转战Vue，自然还是用它。如果什么也不做的话，打开Vue工程，编辑区域基本上没有语法高亮。怎么办呢？安装插件（以mac版本为例，window下面应该大同小异）1. 打开偏好设置，从左边找到Plugins2. 点击Browse repositories...，然后搜索Vue，进行安装3. 添加Vue模板<te
项目中PC web端播放Hls流用到Video.js，使用过程中出现多种问题，例如视频打开失败、视频卡顿、无缘无故视频播放停止等。于是花了半天的时间研究了下video.js ，耕耘过总要留下点痕迹，以后再研究会方便点，要不几个月过后，一点影子都记不得了。 我看的video.js版本是7.8.
转载
2023-10-29 16:42:31
240阅读
# 使用 Java POI 和 Vue 实现生成多个 Excel 并压缩
在现代开发中，生成 Excel 文件和处理文件压缩是非常常见的任务。本指南将带领你实现一个功能，使用 Java POI 库生成多个 Excel 文件，并将它们压缩。我们将结合前端使用 Vue 框架来完成这一需求。
## 整体流程
我们首先来看一下整个流程，其包含以下步骤：
| 步骤 | 描述
# 使用jQuery和video.js创建自定义视频播放器
在当今的网页开发中，视频播放器是一个非常常见的组件。而要创建一个功能强大且高度定制的视频播放器，就需要使用一些现代的技术和工具来实现。本文将介绍如何使用jQuery和video.js来创建一个自定义的视频播放器。
## 什么是jQuery和video.js？
### jQuery
jQuery是一个流行的JavaScript库，它
原创
2024-06-15 05:32:18
138阅读
template模板引用在component的template中书写大量的HTML元素很麻烦。 Vue提供了<template>标签，可以在里边书写HTML，然后通过ID指定到组建内的template属性上； 示例：由图可知自定义组件的count的值是自增的，是独立的，互不影响。vue代码：<template id="my-template">
转载
2023-12-10 15:58:53
81阅读
Vue实例el：创建实例new Vue({
el: '#app'
})
// 实例与页面挂载点一一对应
// 一个页面中可以出现多个实例对应多个挂载点
// 实例只操作挂载点内部内容每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。数据与方法数据当一个 Vue
转载
2023-11-20 00:19:01
91阅读
Vue中使用原生videojs进行播放rtmp格式的视频流（类似直播）1.vue中使用videoJS 如果需要播放fl
转载
2022-07-18 10:55:48
721阅读
# iOS VideoJS 设置currenttime
在iOS开发中，使用VideoJS库可以方便地实现视频播放功能。其中一个常见的需求是设置视频播放的进度，即currenttime。本文将介绍如何在iOS应用中使用VideoJS库来设置视频的currenttime。
## VideoJS简介
VideoJS是一个开源的网页视频播放器库，支持HTML5视频播放。它提供了丰富的API和插件，
原创
2024-07-01 05:11:10
249阅读
# Video.js 在 iOS 上不播放的问题及解决方法
在现代网页开发中，Video.js 是一个非常流行的开源 HTML5 视频播放器，它的友好性和跨浏览器兼容性使其备受青睐。然而，开发者们常常会遇到 iOS 设备上无法播放视频的问题。本文将探讨这个问题的原因、解决方案以及相关代码示例，帮助开发者顺利将视频播放功能整合到项目中。
## 一、问题分析
iOS 的 Safari 浏览器在处
# videojs android 视频loading
## 引言
随着移动设备的普及，人们越来越多地使用手机观看视频。然而，由于网络环境的不稳定，导致视频加载缓慢或者卡顿的问题也越来越突出。为了提供更好的用户体验，我们需要在Android设备上使用videojs实现视频loading功能。本文将介绍videojs的基本原理，并演示如何在Android应用程序中使用videojs实现视频loa
原创
2023-12-14 08:09:02
7625阅读
# iOS与Video.js的不兼容性分析
Video.js是一个广泛使用的开源HTML5视频播放器库，可以为网页提供良好的视频播放体验。然而，在某些设备和浏览器上，尤其是iOS设备上，Video.js可能会出现不兼容的问题。本文将探讨iOS与Video.js之间的不兼容性原因，并提供解决方案。
## 一、iOS与Video.js的不兼容性原因
iOS设备（包括使用Safari等浏览器的iP
建立多个Vue实例对象这里在同一个js文件中创建了两个Vue实例对象，它们各自能完成前面学的那些功能，同时使用对象名称也可以互相访问，协同实现一些功能。index.html<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
<meta c
转载
2024-03-21 10:21:39
101阅读
Video.js —— 一款开源且功能丰富的web视频组件Video.js在Vue项目中的综合使用详解（多个视频+倍速播放）开发中，使用video标签自带的属性难以达到我们实际所需要的效果；例如视频的倍速播放功能，利用原生代码重写一个视频标签又太过于繁琐（PS:主要是懒）。在这里，向大家推荐一款很好用的组件video.js，这是一个开源的web视频组件(video.js官网)，其使用基于html5
转载
2024-08-09 11:47:05
634阅读
在使用 Video.js 播放视频时，iOS 设备经常出现播放失败的问题。这种情况常常影响到用户的观看体验，因此需要采取有效的解决方案。以下是我整理的应对 Video.js 在 iOS 上播放失败的全链条解决方案，包括备份策略、恢复流程、灾难场景、工具链集成、预防措施和迁移方案。
### 备份策略
为了防止数据丢失，我制定了以下的备份计划。备份策略的实施分为不同阶段，具体安排如下：
```m
在使用 VideoJS 播放器时，开发者们常常会遇到 iOS 设备无法全屏播放视频的问题。这一问题影响了用户体验，尤其是在移动设备上观看视频时。因此，本文将详细记录解决 “VideoJS iOS 不能全屏” 问题的过程，包括环境配置、编译过程、参数调优、定制开发、错误集锦和进阶指南。
## 环境配置
在开始之前，你必须确保你的开发环境配置正确。以下是所需的工具和版本：
1. **操作系统**
video.js 中的属性和原生HTML5视频播放一.viedo的标签<video src="movie.ogg" controls="controls">
</video><video controls poster="/images/w3school.gif">
<source src="movie.mp4" type="video/mp4"&g
转载
2024-06-07 19:24:08
67阅读
用到的插件：vue-cropper(裁剪) vue-canvas-poster(生成海报)，最终合成海报调用裁剪插件方法getCropBlob，利用canvas画出海报。需求说明：默认有个海报缩略图展示，有模版可供选择，同时可替换缩略图中的模版，用户可以上传图片更换背景，用户可以输入个人信息并显示在海报上。主要分三层：1.上传背景图 2.模版 3.用户信息前期探索：首先找到插
转载
2023-10-06 21:46:27
175阅读
如果你还没有安装 VueCLI 请执行下面的命令进行安装或是升级:npm install --global @vue/cli（不常用）方法一：到创建的文件目录上，右键->Git Bash Here 使用 npm init 指令创建项目描述文件 package.json。 命令行里会以交互的形式让你填一些项目的介绍信息，依次介绍如下：（不知道怎么填的
转载
2023-11-20 10:39:40
56阅读
