vue在内网使用video，video-js.swf加载不到

最新推荐文章于 2024-03-15 09:35:48 发布
最新推荐文章于 2024-03-15 09:35:48 发布
阅读量2.7k 收藏 7
点赞数 1
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51490706/article/details/110087124
版权

Vue 视频播放 服务器部署 videojs-swf npm install
关键词由CSDN通过智能技术生成

现在做的一个项目在外网上播放video视频是没问题的，但是部署到服务器上，显示加载不到这个文件，会报错。

先下载好video和flash，主要是需要npm install videojs-swf
在这里插入图片描述

然后在需要播放的视频页面引入

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在vue.config.js中

在这里插入图片描述

然后重启项目就OK了

weixin_51490706
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
关于vue-cli2.9.6 使用vue-video-player,视频播放rtmp视频流error:in ./node_modules/videojs-swf/dist/video-js.swf
weixin_39963328的博客
10-28 4656
我在做vue前端开发项目的时候，领导让我在别人项目的基础上进行二次开发，我将自己的页面合并至平台，我用的vue-cli版本是2.6.9，然后我按照正常流程，引入vue-video-player video.js等，然后配置playerOptions等参数，main.js也进行了配置！ 然后运行开始报错，如下，好多技术人员说在webpack.base.conf.js,在webpack.config.js等文件进行配置，但是我的这个版本并没有这俩文件，又是别人扔掉的项目包，没法去问别人，然后我搜了一下我的这
videojs集成--播放rtmp流
weixin_33676492的博客
06-10 593
之前说到已经把流推送过来了，这时候就可以使用videojs来进行显示播放。 首先要先有一个文件，那就是video-js.swf 因为，这种播放方式html已经不能很好的进行播放了，需要用到flash来播放，videojs在这个地方就用到了这个。 代码就是下面这样。 里面一些细节注释都有。 重点就是看<video>标签里面的内容 ...
video-js.swf
03-25
我在开发的时候发现一直不能自动播放，设置了autoplay也不行，后来发现谷歌对html做了限制，播放窗口小于400*300不能自动播放，有两个解决办法1、窗口大于等于400*300，我刚我做的事九宫格，每个页面都小于，所以第二个方法2、跨源插件，就是video—js.swf文件，成功解决，我在解决的时候还发现有人说谷歌还做了下面的限制，（静音才能自动播放，我没遇到，也试了，没有静音也能播放.进度条隐藏不能自动播放，我也试了，没有影响。视频隐藏不能自动播放，没有试，估计只有恶意才会用到吧）
video.js swf
最新发布
gitblog_00039的博客
03-15 388
video.js swf 什么是video.js swf？ video.js swf 是一个开源的 JavaScript 和 Flash 播放器库，它允许您在网页上播放视频内容。该库是基于流行的 video.js 播放器构建的，并通过 Flash 技术提供了对旧版浏览器的支持。 video.js swf 能做什么？ video.js swf 可以帮助开发者创建跨平台、跨浏览器的视频播放解决方案。以...
前端项目-videojs-swf.zip
09-02
前端项目-videojs-swf,video.js的flash fallback视频播放器（http://videojs.com）
vue-video-player实现实时视频播放方式(监控设备-rtmp流)
10-14
Vue-Video-Player 是一个基于 Video.js 的 Vue 组件，它提供了丰富的视频播放功能，包括对实时流媒体的支持。在本文中，我们将深入探讨如何使用 Vue-Video-Player 实现监控设备的实时视频播放，特别是通过 RTMP 流。...
vue项目中播放rtmp视频文件流的方法
01-22
当然我在安装过程中也遇到了一个问题，就是在选择使用 vue-video-player前还安装了videojs插件，卸载从新安装 vue-video-player时由于项目中有以前安装的其他视频组件影响，一直运行不起来，后面我把node_modules...
vue播放rtmp视频流
03-06
npm install video.js videojs-flash videojs-swf vue-video-player --save ``` 其中： - `video.js`：核心视频播放器库。 - `videojs-flash`：为 Video.js 添加 Flash 支持。 - `videojs-swf`：包含所需的 Flash ...
HTML5 视频播放器 video-js
03-17
3. video-js.swf：这是一个 Flash 后备文件，当用户的浏览器不支持 HTML5 视频或特定视频格式时，video-js 会自动切换到 Flash 播放器来保证兼容性。 4. examples：这个文件夹包含了使用 video-js 的示例代码，可以...
videojs-swf-flashls
05-14
轻巧的Flash视频播放器，使Flash可以像HTML5视频一样工作。 这允许播放器的皮肤，插件和其他功能与HTML5和Flash一起使用 如果您只想使用Flash视频播放器，则不需要使用此项目。 如果您需要所有这些，请返回主Video.js项目，因为已在其中检查了已编译的SWF。 安装 安装节点软件包。 npm install 编译SWF。 开发（将新的SWF放在/ dist /中）： grunt mxmlc 生产/分发（运行mxmlc任务并将SWF复制到dist /）： grunt dist 运行连接服务器。 grunt connect:dev 在上打开浏览器以观看视频播放。 您可以继续使用grunt来重建Flash代码。 发行 确保使用以下值修改了以下文件： node_modules/flex-sdk/lib/flex_sdk/framewo
video-js rtmp播放 swf文件低延迟自编译文件
06-13
video-js rtmp播放 swf文件低延迟自编译文件, 包括：video-js.swf.0.01 （延迟0.01秒） video-js.swf.0.1（延迟0.1秒） 和原版的video-js.swf.1 （延迟1秒）
videojs-v5.20.3
11-15
videojs 5.20 版本, 支持flash player, html5播放器, 可播放 flv/mp4, 直播流rtmp
VideoJs 视频JS包及演示Demo
10-09
VideoJs 视频JS包及演示Demo，自己对Demo进行了优化，可以本地直接打开播放。
vue 使用js获取video路径后视频不加载问题
qq_45848226的博客
07-23 3359
在进行web开发时为了使封装性更好，前端方面的数据都要设置成动态，从后端获取后数据。 在使用video.js组件时，需要js从后端拿取网页资源，传给vodeo组件，在这个过程中会遇到一个问题，路径变量声明时未赋值，从后端获取数据修改路径变量后，video会获取到视频资源但是不会加载，因此要在获取之后加上load函数重新加载 <video id="video1" class="video" preload="auto" disablePictureInP
html5 video播放swf,videojs-swf
weixin_36068140的博客
06-10 1930
The Flash-fallback video player for video.js (http://videojs.com)The lightweight Flash video player for Video.js. This allows the Video.js player's skins, plugins, and other features to work with both...
js-视频播放插件Video.js简单使用
qq_24892029的博客
11-11 6803
插件下载地址： http://www.jq22.com/jquery-info404 Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。 @ page language="java" contentType="text/html; charset=UT
html5查看swf视频格式,如何使用Videojs播放.swf格式文件？
weixin_28809647的博客
06-08 1026
Video.jsvideojs.options.flash.swf = './video-js.swf'; // flash路径https://imgcache.qq.com/tence...0" type="application/x-shockwave-flash" />To view this video please enable JavaScript, and consider u...
视频播放插件 Video.js
热门推荐
十年砍柴的博客
03-06 1万+
Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。（要支持ie低版本请下载5.4.3版 ）点击进入官网下载各个版本下载使用引入文件&lt;link href="video-js.css" rel="stylesheet" type="text/css"&gt; &lt...
vue-video-player里找不到custom-theme.css
05-05
如果您想使用 `vue-video-player` 的自定义主题，您需要手动创建 `custom-theme.css` 文件并将其包含在您的项目中。您可以按照以下步骤进行操作： 1. 在您的项目中创建一个名为 `custom-theme.css` 的新文件。 2. ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值