vue 使用flowplayer_Flowplayer视频播放插件

插件描述：FlowPlayer 是一个Web上的视频播放器，可以很容易将它集成在任何的网页上。支持HTTP以及流媒体传输。

flowplayer分html5版和flash版本，大家可根据需求选择版本。

一. 介绍：Flowplayer支持播放flv、swf等流媒体以及图片文件，能够非常流畅的播放视频文件，支持自定义配置和扩展。

二. 调用:

1. 在页面头部Head标签内添加引用

2. 在页面中添加播放器实例化代码：

这里介绍两种调用方法

方法一：

说明：

将a标签的href属性指向要播放的视频地址，设置播放器显示时的宽度和高度，设置a标签为display:block，并为a标签指定id，该id用于flowplayer的js调用。

方法二：

flowplayer("tl_player","/js/flowplayer/flowplayer-3.2.12.swf",{clip:{ url:"/Video/story.flv",autoPlay: false, autoBuffering:true} });

说明：

也可以用div或者span 等其他标签来作为播放器的容器，但要给定其style的高度，宽度且为块级元素。

一些设置参数：clip方法里的url：表示视频文件的真实地址，autoPlay：表示是否自动播放，默认是true，autoBuffering：表示是否自动缓冲，即当视频文件设置为不自动播放时，播放器仍然预先下载视频文件内容。

vue 使用flowplayer_Flowplayer视频播放插件相关推荐

vue中使用视频播放插件vue-video-player
前言在使用vue-video-player 老是无法播放视频,出现如下错误. 最终在不懈努力下和强大的搜索引擎加持下,终于拼凑成了一个可以播放的结果,具体参照如下代码. 实践 1.npm 参考地址 ...
Vue中的视频播放插件( vue-video-player )
前言在最近的项目中有一个网络视频的功能,在之前的项目中没有接触过类似的功能,第一次接触,把具体操作步骤,遇到的一些问题记录如下:(首先个人认为vue-video-player是很好用的) 第一步:我 ...
vue 视频播放插件VideoPlayer
vue 视频播放插件VideoPlayer 1.npm install vue-video-player --save 2.main.js引入 import VideoPlayer from 'vue ...
VUE常用UI组件插件及框架-vue前端UI框架收集
UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - ...
Vue中使用can-autoplay插件实现浏览器不支持自动播放音频时提示点击
场景 Vue中使用speak-tts插件实现点击按钮后进行语音播报(TTS/文字转语音): Vue中使用speak-tts插件实现点击按钮后进行语音播报(TTS/文字转语音)_BADAO_LIUMAN ...
pc 图片预览放大端vue_安利一款简单好用的Vue图片预览插件
在项目中因为要经常用到图片预览效果,自己写的话麻烦死啦(懒) vue-photo-preview 一个基于 photoswipe 的 vue 图片预览插件,支持移动端和PC端,支持各种手势操作,放大缩 ...
.net core image怎么保存_轻量级Vue图片上传插件——Vue-core-image-Upload
介绍 vue-core-image-upload 是一款轻量级的 Vue.js 上传插件,它可以支持的图片的上传,裁剪,压缩.它同样也支持在移动端的图片处理,它定义了诸多上传周期,你可以自由的进行流程 ...
embedv.php_PHP与视频播放插件功能实现，非常简单
PHP与视频播放插件功能实现,非常简单龙行 PHP 2018-8-28 2579 0评论最近在研究maccms所以会接触到这个ckplayer播放器,那么如何 php与视频 ...
Vue调试神器vue-devtools - 插件下载安装
文章目录 Google如何安装调试Vue的神器`vue-devtools` ? 安装介绍: demo实例 - 演示代码: 相关文章链接: 1. https://github.com/vuejs/vue ...
写一个简单易用可扩展vue表单验证插件(vue-validate-easy)
写一个vue表单验证插件(vue-validate-easy) 需求目标:简单易用可扩展如何简单开发者要做的写了一个表单,指定一个name,指定其验证规则. 调用提交表单方法,可以获取验证成功 ...

vue 使用flowplayer_Flowplayer视频播放插件

vue 使用flowplayer_Flowplayer视频播放插件相关推荐

最新文章

热门文章