uni-app在H5平台使用video.js

最新推荐文章于 2025-03-16 12:37:00 发布

sunddy_x

最新推荐文章于 2025-03-16 12:37:00 发布

阅读量4.7k

点赞数 1

分类专栏： UNI-APP 文章标签： uni-app

本文链接：https://blog.youkuaiyun.com/sunddy_x/article/details/117929981

版权

前言

项目中用到了视频监控功能，而这部分功能还是外包给第三方做的，他们只提供了jquery+video.js的demo。uni-app中video是组件不是原生video标签，导致我无法按照demo来实现效果，当时采用了webview引用本地html的方案（非常拉胯）。本来过去也就过去了，但是客户又改了页面布局，视频改为弹窗播放后出现了意料之外的问题导致ios无法播放，不得已只得寻求其他解决方案，最后找到了它。查看原文

具体方案

1.创建模板文件index.html，在模版内引用video.js，在manifest.json内配置index.html路径

<!DOCTYPE html>  
<html lang="zh-CN">  
    <head>  
        <meta charset="utf-8">  
        <meta http-equiv="X-UA-Compatible" content="IE=edge">  
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">  
        <title>  
            <%= htmlWebpackPlugin