推荐几种在网页中播放FLV文件的代码

最新推荐文章于 2022-04-27 20:01:34 发布
最新推荐文章于 2022-04-27 20:01:34 发布
阅读量193 收藏
点赞数
文章标签： javascript ViewUI

使用方法：

方法一、js嵌入

直接copy下面代码，修改其中红色部分，即：swf_width、swf_height、texts、files 参数

<script type="text/javascript">
var swf_width=240
var swf_height=240
var texts=’幸福的脚丫预告片’
var files=’http://www.ruochi.com/product/vcastr/flv/happy_feet.flv’
document.write(’<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="’+ swf_width +’" height="’+ swf_height +’">’);
document.write(’<param name="movie" value="http://www.ruochi.com/product/vcastr2/vcastr22.swf"><param name="quality" value="high">’);
document.write(’<param name="menu" value="false"><param name="allowFullScreen" value="true" />’);
document.write(’<param name="FlashVars" value="vcastr_file=’+files+’&vcastr_title=’+texts+’">’);
document.write(’<embed src="http://www.ruochi.com/product/vcastr2/vcastr22.swf" allowFullScreen="true" FlashVars="vcastr_file=’+files+’&vcastr_title=’+texts+’" menu="false" quality="high" width="’+ swf_width +’" height="’+ swf_height +’" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />’); document.write(’</object>’);
</script>

其中：
幸福的脚丫预告片 是标题。
http://www.ruochi.com/product/vcastr/flv/happy_feet.flv 是FLV文件地址。
http://www.ruochi.com/product/vcastr2/vcastr22.swf 是FLV文件播放器地址（如果你不会制作，可下载别人的然后上传到自己的空间再调用）。

 

flv播放器 Vcastr 2.0 下载
http://www.ruochi.com/product/vcastr2/vcastr22.zip

 



方法二、简单直接传递影片地址

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="240" height="180">
<param name="movie" value="http://www.ruochi.com/product/vcastr2/vcastr22.swf?vcastr_file=http://www.ruochi.com/product/vcastr/flv/happy_feet.flv">
<param name="quality" value="high">
<param name="allowFullScreen" value="true" />
<embed src="http://www.ruochi.com/product/vcastr2/vcastr22.swf?vcastr_file=http://www.ruochi.com/product/vcastr/flv/happy_feet.flv" allowFullScreen="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="240" height="180"></embed>
</object>


方法三、读取影片xml

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="240" height="120">
<param name="movie" value="http://www.ruochi.com/product/vcastr2/vcastr22.swf?vcastr_xml=http://www.ruochi.com/product/vcastr2/vcastr.xml">
<param name="quality" value="high">
<param name="allowFullScreen" value="true" />
<embed src="http://www.ruochi.com/product/vcastr2/vcastr22.swf?vcastr_xml=http://www.ruochi.com/product/vcastr2/vcastr.xml" allowFullScreen="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="240" height="120"></embed>
</object>

其中：http://www.ruochi.com/product/vcastr/vcastr.xml 是播放列表的xml地址

高级选项

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="240" height="180">
<param name="movie" value="http://www.ruochi.com/product/vcastr2/vcastr22.swf?vcastr_file=http://www.ruochi.com/product/vcastr/flv/happy_feet.flv">
<param name="quality" value="high">
<param name="allowFullScreen" value="true" />
<embed src="http://www.ruochi.com/product/vcastr2/vcastr22.swf?vcastr_file=http://www.ruochi.com/product/vcastr/flv/happy_feet.flv" allowFullScreen="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="240" height="180"></embed>
</object>


<http://www.ruochi.com/product/vcastr2/vcastr22.swf?参数A=111&参数B=222&....>

在以上"参数A=111&参数B=222"部分添加参数，使用 参数=值 的格式，多个参数用&连接，参数数量不限制，注意有2个红色部分http://www.ruochi.com/product/vcastr2/vcastr22.swf地方需要修改

例如：

value="http://www.ruochi.com/product/vcastr2/vcastr22.swf?vcastr_file=http://www.ruochi.com/product/vcastr/flv/happy_feet.flv&vcastr_title=幸福的脚丫预告片&BarColor=0xFF6600&BarPosition=1"

表示影片地址是"http://www.ruochi.com/product/vcastr/flv/happy_feet.flv"，标题是"变形金刚预告片"，控制栏颜色是0xFF6600，控制栏位置在下方。

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="500" height="224">
<param name="movie" value="http://www.ruochi.com/product/vcastr2/vcastr22.swf?vcastr_file=http://www.ruochi.com/product/vcastr/flv/happy_feet.flv&vcastr_title=幸福的脚丫预告片&BarColor=0xFF6600&BarPosition=1">
<param name="quality" value="high">
<param name="allowFullScreen" value="true" />
<embed src="http://www.ruochi.com/product/vcastr2/vcastr22.swf?vcastr_file=http://www.ruochi.com/product/vcastr/flv/happy_feet.flv&vcastr_title=幸福的脚丫预告片&BarColor=0xFF6600&BarPosition=1" allowFullScreen="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="224"></embed>
参数名称
参数说明默认值
vcastr_file方法2传递影片flv文件地址参数，多个使用|分开空
vcastr_title影片标题参数，多个使用|分开，与方法2配合使用空
vcastr_xml方法3 传递影片flv文件地址参数，样板参考 http://www.ruochi.com/product/vcastr2/vcastr.xml vcastr.xml
IsAutoPlay影片自动播放参数：0表示不自动播放，1表示自动播放0
IsContinue影片连续播放参数：0表示不连续播放，1表示连续循环播1
IsRandom影片随机播放参数：0表示不随机播放，1表示随机播放0
DefaultVolume默认音量参数 ：0-100 的数值，设置影片开始默认音量大小100
BarPosition控制栏位置参数 ：0表示在影片上浮动显示，1表示在影片下方显示0
IsShowBar控制栏显示参数 ：0表示不显示；1表示一直显示；2表示鼠标悬停时显示；3表示开始不显示，鼠标悬停后显示2
BarColor播放控制栏颜色，颜色都以0x开始16进制数字表示0x000033
BarTransparent播放控制栏透明度60
GlowColor按键图标颜色，颜色都以0x开始16进制数字表示0x66ff00
IconColor鼠标悬停时光晕颜色，颜色都以0x开始16进制数字表示0xFFFFFF
TextColor播放器文字颜色，颜色都以0x开始16进制数字表示0xFFFFFF
LogoText可以添加自己网站名称等信息(英文)空
LogoUrl可以从外部读取logo图片，注意自己调整logo大小，支持图片格式和swf格式空
EndSwf影片播放结束后,从外部读取swf文件，可以添加相关影片信息，影片分享等信息，需自己制作空
BeginSwf影片开始播放之前,从外部读取swf文件，可以添加广告，或者网站信息，需自己制作空
IsShowTime是否显示时间 : 0表示不显示时间，1表示显示时间1
BufferTime影片缓冲时间，单位（秒）2

常见问题

  • 问：Logo 文字无法显示
    答：Logo 文字不能支持中文，可以用LogoUrl参数将Logo做成.swf文件或者.png文件。

 

  • 问：xml 如何设置高级参数
    答：如下

 

<param name="FlashVars" value="vcastr_xml=http://www.ruochi.com/product/vcastr2/vcastr.xml&vcastr_title=幸福的脚丫预告片|变形金刚预告片|江南MV|魔兽世界-晚安部落&BarColor=0xFF6600&BarPosition=1" />
<embed src="http://www.ruochi.com/product/vcastr2/vcastr2.swf" allowFullScreen="true" FlashVars="vcastr_xml=http://www.ruochi.com/product/vcastr2/vcastr.xml&vcastr_title=幸福的脚丫预告片|变形金刚预告片|江南MV|魔兽世界-晚安部落&BarColor=0xFF6600&BarPosition=1">

  • 问：不能全屏
    答：需要升级到flashplayer9.0以上

 

  • 问：不能退出全屏
    答：双击可以进入或退出全屏

 

  • 问：影片不能拖动进度
    答：是由于转换文件格式时候有一些信息丢失,可以使用FLV MetaData Injector修复, 下载地址: http://www.buraks.com/flvmdi ;

 

  • 问：flv放在自己服务器上就不能播放了
    答：是由于您的服务器不支持.flv文件格式下载，修改成其他格式比如.swf，当然，相应的vcastr_file或者vcastr_xml中的flv文件名也要修改成.swf
weixin_33991727
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
几种在网页中播放FLV视频文件的代码.pdf
10-26
几种在网页中播放FLV视频文件的代码.pdf几种在网页中播放FLV视频文件的代码.pdf
flv.js播放flv视频
小龙在线
12-31 928
flv.js是FLV视频播放器，纯JS开发，无需Flash。
flv.js和flv.min.js和基本使用demo(附带js文件)
10-30
已经生成好的flv.js和压缩版,附带使用范例,demo中的视频文件可以自己找一个flv文件放在本地的tomcat里来测试,附近包含了flv.js文件
flv.js解析与使用
佳佳鸽的博客
04-27 9666
简介 Flv.js 是 HTML5 Flash 视频（FLV）播放器，纯原生 JavaScript 开发，没有用到 Flash。由 bilibili 网站开源。它的工作原理是将 FLV 文件流转码复用成 ISO BMFF（MP4 碎片）片段，然后通过 Media Source Extensions 将 MP4 片段喂进浏览器。 Github地址：https://github.com/Bilibili/flv.js/ flv.js demo地址：http://bilibili.github.io/flv.js
flvjs api 中文
热门推荐
weiguoxin的专栏
05-27 1万+
flvjs.createPlayer() function createPlayer(mediaDataSource: MediaDataSource, config?: Config): Player; MediaDataSource Field Type Description type string Indicates media type,'flv'or'mp4' isLive? boolean Indic...
vue项目 flvjs封装组件 flvjs视频demo案例
努力中的小曾
11-18 3540
npm构建装依赖 flvjs中文文档，谢谢博主提供，地址为：点击此地址 <template> <!-- flv 视频插件播放 autoplay muted --> <div class="videoGroup"> <video :id="flvInfo.id" controls muted width="100%" height="100%" class="flvVideo"></video> </d
FLASH轮换图片广告代码及使用方法
billhu专栏
02-12 1835
var focus_width=234 var focus_height=314 var text_height=25 var swf_height = focus_height+text_height var pics=guanggaoimages/guang-1.jpg|guanggaoimages/guang-2.jpg|guanggaoimages/guang-
网页中播放FLV文件的代码
12-19
网页中播放FLV文件的代码,几种方法，仅供参考学习
Android 56视频播放
03-16
小编亲自测试过本项目支持播放3gp、flv、wmv、avi、mp4、mkv在内的多种格式的本地视频，其他格式没有测试，但应该不会仅限于这几种视频格式。播放界面简洁优美，视频播放清晰流畅。右边上下滑动屏幕，调节亮度，左边...
livecamera:从android设备的摄像头创建流文件，然后上传服务器，并为flashsafarivplayer生成m3u8播放列表
05-09
简短的 实时摄像头是系统从android设备的摄像头创建流文件的系统 然后上传服务器，并为Flash / Safari / vplayer生成m3u8...该演示将数据组合到flv框架中，并创建文件段。 它使用HTTP将数据传输到服务器，这意味着您可
FLV官方手册
08-03
此文档是FLV官方手册，对学习FLV格式有一定的帮主。
MediaPlayer音乐播放器
02-22
音乐播放器，菜单从xml文件中装载，三个按钮（上一首，播放，下一首） 音乐播放时按钮图片变为暂停，再点击时变为播放， 选择搜索本地音乐文件，搜索sdcard卡下的所有.mp3为后缀的音乐文件 可单击音乐列表播放歌曲，显示歌曲当前时间和总时间 显示当前播放的歌曲的路径
FlashVars播放器源码
04-16
1.支持FlashVars调用html代码中的参数； 2.支持Flv/Mp4格式视频文件播放； 3.支持显示视频略缩图； 4.支持自动播放/点击播放； 5.支持是否重复播放； 6.支持是否隐藏控制条； 7.支持全屏时，是否自动隐藏控制条；隐藏时间可自定义(默认为3秒)； 8.显示播放进度条，带预加载，支持拖动播放进度条； 9.支持音量控制(默认为75)； 10.支持全屏，支持双击全屏； 11.显示视频总时长和当前播放进度的位置时间； 12.播放器大小，可随意设置； 13.视频文件自适应播放器大小； 14.支持ASP,PHP,.NET等程序，可以实现后台管理视频的功能； 15.可以与动易、织梦、帝国等各类CMS系统结合，实现与此类CMS系统后台的融合； 16.代码简洁明了，界面美观，适合各类网站使用；
flv-js demo.rar
08-06
flv.js 简单的demo 可以调试查看 包括各种支持的资源，支持格式为flv、mkv、mov、MP4、ogg、webm等 ，需要在环境下运行（避免跨域）。
flv.js:HTML5 FLV播放器-开源
05-09
用纯JavaScript编写HTML5 Flash Video（FLV）播放器，不带Flash。 该项目依靠媒体源扩展来工作。 flv.js的工作原理是将FLV文件流转换为ISO BMFF（分段MP4）段，然后将mp4段输入HTML5 元素通过Media Source Extensions API获得。 flv.js用ECMAScript 6编写，由Babel Compiler编译为ECMAScript 5，并与Browserify捆绑在一起。 具有H.264 + AAC / MP3编解码器播放功能的FLV容器。 多段分段视频播放。 HTTP FLV低延迟实时流播放。 通过WebSocket进行FLV实时流播放。 与Chrome，FireFox，Safari 10，IE11和Edge兼容。 极低的开销，并且浏览器可以加速硬件！
avplayer源代码
05-07
目前, 在这个代码中, 主要链接到FFmpeg来进行解码, 并将其改造成一个通用的播放器框架. 在这个框架中能够接受各种数据的读入, 可以很方便的封装自己的数据读取模块, 也可以很方便的定制自己的视频渲染模块和音频播放...
JS+Flash 图片轮播
xiaopeng__的专栏
11-08 1994
用法力求简单，将imageShow.js加入到网页中需要进行图片轮播的地方即可，JS内容为（可在附近里面下载）。 var pic_width=943; //图片宽度 var pic_height=354; //图片高度 var stop_time=4000; //图片停留时间(1000为1
在页面上添加falsh播放的 Js 方法
韩城飞雪
11-18 129
&lt;!--加载flash方法（flash路径，宽度，高度）--&gt; function load(name,w,h){ document.write('&lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shock...
DEDE官方模板上首页幻灯片不显示的解决办法
CA7CBBF04A1C的专栏
03-07 1530
今天使用DEDECMSv5.7最新版本搭建了一个网站，发现首页幻灯片无法显示。 DEDE官方模板上首页dede幻灯片不显示的解决办法 把以下代码（标红文字请填写正确跟你安装的模板目录名称相对应的文件名）替换到原来模板上的幻灯片代码部分：  linkarr = new Array(); picarr = new Array(); textarr = new Array
在ubuntu中输入命令并播放1.flv文件
最新发布
06-03
您可以使用 VLC 命令行播放器来播放 .flv 文件。请按照以下步骤进行操作： 1. 打开终端（Terminal）应用程序。 2. 安装 VLC 命令行播放器，输入以下命令并按 Enter 键： sudo apt-get install vlc 3. 切换到包含...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值