网页嵌入flv

网页嵌入式FLV播放器项目指南 本文还有配套的精品资源,点击获取 简介:FLVPlayer是一款针对网页设计的SWF和FLV视频格式播放器,支持自动播放等用户自定义功能。本指南详细介绍了FLVPlayer的核心技术,包括SWF和FLV文件格式,Adobe Flash Player的功能与限制,以及与HTML5的对比。此外,探讨了视频与音频编码技术、实时流媒体的视频流传输,和如何在网页中集成FLVPlaye... 阅读详情

使用方法

1.js嵌入

方法一,直接copy下面代码,修改其中的 swf_width,swf_height,files,texts 参数
<script type="text/javascript">
var swf_width=240
var swf_height=240
var texts='幸福的脚丫预告片|变形金刚预告片|江南MV|魔兽世界-晚安部落'
var files='http://www.ruochi.com/product/vcastr/flv/happy_feet.flv|http://www.transformersmovie.com/transformers_640.flv|http://www.ruochi.com/product/vcastr/flv/江南.flv|http://www.ruochi.com/product/vcastr/flv/晚安部落.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>

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

其中
vcastr_flie =http://www.ruochi.com/product/vcastr/flv/happy_feet.flv|http://www.ruochi.com/product/vcastr/flv/江南.flv|http://www.ruochi.com/product/vcastr/flv/晚安部落.flv
直接给出flv文件地址,多个使用|分开

<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">
<param name="quality" value="high">
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="vcastr_file=http://www.ruochi.com/product/vcastr/flv/happy_feet.flv" />
<embed src="
http://www.ruochi.com/product/vcastr2/vcastr22.swf" allowFullScreen="true" FlashVars="vcastr_file=http://www.ruochi.com/product/vcastr/flv/happy_feet.flv" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="240" height="180"></embed>
</object>


3,方法三,读取影片xml

其中/product/vcastr2/vcastr2.swf?vcastr_xml_url =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="120">
<param name="movie" value="
http://www.ruochi.com/product/vcastr2/vcastr22.swf">
<param name="quality" value="high">
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="vcastr_xml=http://www.ruochi.com/product/vcastr2/vcastr.xml" />
<embed src="
http://www.ruochi.com/product/vcastr2/vcastr22.swf" allowFullScreen="true" FlashVars="vcastr_xml=http://www.ruochi.com/product/vcastr2/vcastr.xml" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="240" height="120"></embed>
</object>

4.高级选项


<param name="FlashVars" value="*" />

FlashVars="*"


在以上2处*部分添加参数,使用 参数=值 的格式,多个参数用&连接,参数数量不限制

例如

value="vcastr_file=http://www.transformersmovie.com/transformers_640.flv&vcastr_title=变形金刚预告片&BarColor=0xFF6600&BarPosition=1"

表示影片地址是"http://www.transformersmovie.com/transformers_640.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">
<param name="quality" value="high">
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="vcastr_file=http://www.transformersmovie.com/transformers_640.flv&vcastr_title=变形金刚预告片&BarColor=0xFF6600&BarPosition=1" />
<embed src="
http://www.ruochi.com/product/vcastr2/vcastr22.swf" allowFullScreen="true" FlashVars="vcastr_file=http://www.transformersmovie.com/transformers_640.flv&vcastr_title=变形金刚预告片&BarColor=0xFF6600&BarPosition=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="224"></embed>
</object>

参数名称
参数说明 默认值
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 文字不能支持中文,可以用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控件 调用方法 [removed][removed] [removed] var s1 = new SWFObject("player.swf","ply","328","200","9","#FFFFFF"); s1.addParam("allowfullscreen","true"); s1.addParam("allowscriptaccess","always"); s1.addParam("flashvars","file=video.flv&image=preview.jpg&logo=logo.gif"); s1.write("container"); [removed] logo做成背景透明效果会比较好。 立即下载

相关推荐

flv视频播放插件js 下载

整合使用文章请看 Bilibili视频代码开源flv.js的使用部署心得(代码实操) http://blog.csdn.net/hj7jay/article/details/54906612

flv.txt

Vcastr 2.2 flv 网络播放器2006-12-31 13:24:29Vcastr2.2 是一款FLV网络播放器,可以用于各种新闻系统或者blog系统,Vcastr 拥有众多特点和自定义设置,经过不断升级修正,已经具备用户需要的大多数基本功能。   免费下载http://www.ruochi.com/product/vcastr2/vcastr22.zip 功能

yeman8的专栏 558

flv.js 视频播放插件 flv.min.js

flv.js功能 1.HTML网页端播放flv格式视频 2.支持http-flv直播协议,解除对flash的依赖

示例:使用 Flv.js 和 Reflv 播放视频

1.背景 传统的播放视频是采用 flash 播放器方式,然而各大浏览器厂商都不再支持flash , 我们不得不寻找其他解决方案。 2.说明 2.1 Flv.js flv.js 是一个HTML5 Flash视频(FLV)播放器,它通过纯JavaScript编写,没有使用 Flash。它的工作原理是 Flv.js 在 JavaScript 中流式解析 flv 文件流,并实时转封装为 fmp4 ,通过...

张云飞Vir的专栏 1410

apm软件仿真+QGC地面站 环境搭建

本教程使用场景:apm软件仿真运行于虚拟机 ubuntu环境。qgc地面站位于windows 系统。两个环境在同一台电脑上。 一.apm仿真环境搭建 1.安装vm虚拟机及ubuntu 18。 2.ubuntu下 下载Ardupilot 飞控源码 并配置环境。 下载源码: git clone https://github.com/ArduPilot/ardupilot cd ardupilot git submodule update --init --recursive 配置所需运行的环境:

qthello 6111

GAMES101学习-第8课进行shader的初步了解

详细理解课上展示的像素着色器GLSL,以及了解了API、OpenGL、DirectX到底是什么,还有shadertoy这个网站的初步探索。

qq_41835314的博客 1917

初识flv.js

初识flv.js flv.js 做了三件事: HTML5 原生仅支持播放 mp4/webm 格式,flv.js 实现了在 HTML5 上播放 FLV 格式视频 使 Bilibili 网页端平滑过度到 HTML5 播放器,历史遗留不再是障碍 对于视频直播,在 HTML5 上支持了延迟极低 HTTP FLV 播放,解开网页端直播对 Flash 的依赖 一.前言 在了解flv.js之前,我们先来了解...

weixin_43564627的博客 6860

幻尔串口总线舵机控制Python SDK

幻尔串口总线舵机控制Python SDK,可以直接在PC端,不需要借助单片机对舵机进行控制。

daishabby2486的博客 4121

全网最详细!vue中使用flv.js 播放直播监控视频流

当时开发遇到一个要播放监控的功能,后台给我返回的是他们用rtsp流转换成的flv格式的视频流,页面无法直接播放rtsp流!

weixin_43992359的博客 1万+

将机器人urdf模型转换为Mujoco环境下的mjcf模型

在使用gym环境进行人形模型站立训练的过程中,我想要将之前ros环境下的机器人urdf模型导入到mujoco环境下,这时候就需要将urdf模型转换为mujoco专用的mjcf模型。-AzureLoong.urdf是机器人模型(我这里使用青龙的模型);--custom_robot.xml是转换完成之后的机器人模型的名字和格式;包要求 Python 版本必须是 3.11 或更高),保证自己的其他训练环境和依赖不被干扰。首先将meshes文件迁移到需要输出的目录下,然后再运行转换命令。最后就可以成功输出了。

weixin_44334573的博客 3761

AI辅助专利撰写实战:用Codex 30分钟生成发明专利初稿

这次我们来看一个用 Codex 从零开始撰写发明专利的实战项目。对于技术研发人员、产品经理或初创团队来说,专利申请是保护创新成果、构建技术壁垒的关键一步。然而,撰写一份高质量的专利申请书,尤其是权利要求书和说明书,往往需要专业的法律和技术语言,耗时耗力。这个项目演示了如何利用 AI 工具 Codex,在短时间内生成一份结构完整、逻辑清晰、具备授权潜力的专利申请文件初稿。 整个过程的核心不是让 AI 完全替代专利代理人,而是将其作为强大的“技术翻译”和“内容生成”助手。它能将你的技术构思、流程图、核心算法或产

weixin_32181267的博客 421

使用flv.js快速搭建html5网页直播

https://zhuanlan.zhihu.com/p/94440420

phymat.nico的专栏 400

避坑指南:Zabbix poller进程100%占用的5种常见原因及解决方案

本文深入剖析了Zabbix poller进程占用率高达100%的五大常见原因,包括监控项与进程数不匹配、不可达主机资源浪费、数据库性能瓶颈、监控项配置不合理以及版本缺陷。文章提供了从系统化诊断到针对性解决方案的完整指南,并重点介绍了如何通过优化zabbix_server.conf中的StartPollers等关键参数进行有效调优,帮助运维人员从根本上解决这一经典性能问题。

7z8x2c4v6b9的博客 253

在网页中嵌入flv

flv格式的媒体文件通过object标签是不可以在浏览器中直接显示的,要想在浏览器中显示flv格式的多媒体文件,需要下载flv的播放器flvplayer.swf,下面是具体的代码,具体参数设置就不详细介绍了data中的flvplayer.swf为绝对路径或者相对路径下的flvplayer.swf,后面的file为相对flvplayer.swf文件所在的目录或者据对目录。     &lt;ob...

dsh989224的专栏 285

从仿真到打样:PMOS栅极泄放电路设计全流程复盘与三个踩坑点总结

本文详细复盘了PMOS栅极泄放电路从仿真到打样的全流程设计,重点总结了三个关键踩坑点:三极管BE结过压击穿、静态功耗超标和栅极振荡现象。通过优化缓启动电路、改进保护设计和布局调整,最终实现18ms开通时间、190μs关断时间和8μA静态功耗的工业级性能指标,为类似电源开关设计提供实用参考。

weixin_28693683的博客 371

STM32实战开发(65):STM32摄像头图像采集开发教程

我们将会详细介绍如何使用STM32进行摄像头控制、图像数据采集以及如何将采集到的图像数据传输到其他设备进行处理。通过这篇博客,您将能够掌握STM32与摄像头模块的图像采集技术,应用于各种图像处理场景。为了确保STM32能够正确接收图像数据,我们需要配置STM32的GPIO引脚,并通过外部中断捕获这些信号。为了实现更高效的图像采集,可以通过DMA进行数据传输,将图像数据直接从GPIO引脚存储到内存中。通过DMA传输,我们可以将采集到的图像数据直接存储在内存中的一个缓冲区,然后进行后续的图像处理。

2201_76125393的博客 2540

网页中嵌入视频,flv格式

 前几天帮朋友写了个网页中能播flv格式视频的页面,小有感受,分享下 写起来很简单,在aspx页面中写: http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="500" height="224">http://www.luie.cn/flash/flv

small5e4444的专栏 1009

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

Unity3d:使用uWebKit插件嵌入网页,网页中的flv视频无法播放

问题描述:unity3d程序,使用uWebKit插件嵌入网页,用来播放FLV视频,有的电脑可以正常播放,有的电脑在网页中播放不了ps:网页中的播放器用的是player.swf解决方案:是由于网页中的播放器播放FLV需要Flash Player的支持,1.安装非IE内核版的Flash Player<ignore_js_op>2.导入Flash Player dll到unity程序中的...

weixin_30851409的博客 727

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

html网页嵌入flv视频

办法一: flvplayer播放器  貌似播放完一次,无法再次点击播放 紫色部分是本地Flvplayer.swf文件的路径,红色部分是需要播放的FLV文件URL obejct标签里是IE浏览器用 内嵌embed是非IE浏览器用     http://192.168.1.123/test/test8/Flvplayer.swf" />             ht

tom0008668的博客 1万+

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

网页中嵌入flv播放器代码

效果图:代码: Code<div><objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"wid...

weixin_30653097的博客 194

asp.net网页上嵌入FLV播放

网页上播放FLV视频,功能实现: 文件格式:.wmv;大小:7,236KB;长度:00:05:44 下载地址:http://download.cnblogs.com/insus/ASPDOTNET/flv.zip   文件格式:.wmv;大小:4,007KB;长度:00:02:57。 下载地址:http://download.cnblogs.com/insus/ASPDOTNET/F...

weixin_33699914的博客 243

网页嵌入flv,wmv视频播放器

搞了半天 hmtl页面终于嵌入flv,swf,wmv视频播放了 flv视频嵌入 普通版 [code="java"] // // [/code] flv视频嵌入 精简版 [code="java"] //直接跟flv视频播放的属性 [/code] //FlashVars 视频的常用属性 相关介绍如下; vcast...

navy0168的专栏 428

关于JSP在线flv播放

这点东西零零散散研究了两天,网上很多资料都有问题,虽然是使用了swfobject这个插件,可是只写了一部分,我怀疑是第一个复制的哥们,忘了复制一部分了,最重要的,关于播放器的事情没说,让我误认为swfobject会自己弄出一个播放起来,或者调用本地的,很是纠结,闲话不多说,进入正文。   Step1:获取一个FLV播放器 这里我使用的是JW FLV Media Player(jwplayer

xueqi's blog 5349
上一篇: text-overflow:ellipsis用法
下一篇: 什么是ERP和ERP的作用
DiscussQuestions
博客等级 码龄19年 28粉丝 29原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值