html文件中flash格式（flv、swf）文件的嵌入

2024-06-09 15:08
文章标签 html 格式 frontend flash 嵌入 flv swf

本文主要是介绍html文件中flash格式（flv、swf）文件的嵌入，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

flash文件的格式：.FLV 和 .SWF

flash视频格式有两种扩展名可以使用：.flv和.swf。他们有什么不同呢？

（1）一个.flv文件（flash视频）是基于图片的视频流和音频。如果你在运行一个流服务，flv将是一个好的选择。上游条件是，这个文件的任何部分可以被客户终端访问，并且任何时间不会等待下载。话又说回来了，运行一个流服务待价昂贵。

（2）.swf也是Macromedia Flash文件格式，是一个完整的视频-音频文件，并具有脚本和其它更多的。这将有利于HTTP（渐进式）下载，也被叫做“伪随机流(psuedo streaming)”。当文件的一部分下载后，视频片段就立刻播放，但是客户端将等待flash文件片段下载后才能访问（不能快进），除非整个文件完整下载。这也是我们常常谈到的，他是一个简单的，不昂贵的，简便的方式流话你的视频媒介。SWF不是官方简称，已经有人声称它是“ShockWave Flash”或者"Small Web Format".的简称。

（根据http://www.free-video-hosting.net/streaming-flash.php 片段翻译）。

在页面中嵌入flash可以使用如下方式：

    

[html] view plain copy print ?
  1. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"   
  2. codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,16,0"   
  3. width="320" height="400" >  
  4. <param name="movie" value="video-filename.swf">  
  5. <param name="quality" value="high">  
  6. <param name="play" value="true">  
  7. <param name="LOOP" value="false">  
  8. <embed src="video-filename.swf" width="320" height="400" play="true" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"   
  9. type="application/x-shockwave-flash">  
  10. </embed>  
  11. </object>   


这里要注意的是： <param name="movie" value="video-filename.swf">和<embed src="video-filename.swf".....  这两个地方，都是swf文件的位置名称，其他一些参数可以参考以上链接里的介绍。

     但是这样写了之后，虽然页面中swf格式的文件可以显示，但是flv格式的文件播放不了。纠结了一阵子，从dreamweaver中总结了一个解决方案：

[html] view plain copy print ?
  1. <script type="text/javascript">  
  2. function MM_CheckFlashVersion(reqVerStr,msg){  
  3.   with(navigator){  
  4.     var isIE  = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);  
  5.     var isWin = (appVersion.toLowerCase().indexOf("win") != -1);  
  6.     if (!isIE || !isWin){    
  7.       var flashVer = -1;  
  8.       if (plugins && plugins.length > 0){  
  9.         var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";  
  10.         desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;  
  11.         if (desc == "") flashVer = -1;  
  12.         else{  
  13.           var descArr = desc.split(" ");  
  14.           var tempArrMajor = descArr[2].split(".");  
  15.           var verMajor = tempArrMajor[0];  
  16.           var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");  
  17.           var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;  
  18.           flashVer =  parseFloat(verMajor + "." + verMinor);  
  19.         }  
  20.       }  
  21.       // WebTV has Flash Player 4 or lower -- too low for video  
  22.       else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;  
  23.   
  24.       var verArr = reqVerStr.split(",");  
  25.       var reqVer = parseFloat(verArr[0] + "." + verArr[2]);  
  26.     
  27.       if (flashVer < reqVer){  
  28.         if (confirm(msg))  
  29.           window.location = "http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";  
  30.       }  
  31.     }  
  32.   }   
  33. }  
  34. </script>  
  35. </head>  
  36.   
  37. <body onload="MM_CheckFlashVersion('7,0,0,0','本页内容需要使用较新的 Macromedia Flash Player 版本。是否现在下载它？');">  
  38. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="314" height="234" id="FLVPlayer">  
  39.   <param name="movie" value="FLVPlayer_Progressive.swf" />  
  40.   <param name="salign" value="lt" />  
  41.   <param name="quality" value="high" />  
  42.   <param name="scale" value="noscale" />  
  43.   <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=%E8%80%81%E5%A4%A9%E4%B8%8B%E8%B4%B0%E4%B9%8B%E8%8E%AB%E9%97%AE%E4%BB%8A%E6%9C%9D&autoPlay=true&autoRewind=true" />  
  44.   <embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=%E8%80%81%E5%A4%A9%E4%B8%8B%E8%B4%B0%E4%B9%8B%E8%8E%AB%E9%97%AE%E4%BB%8A%E6%9C%9D&autoPlay=true&autoRewind=true" quality="high" scale="noscale" width="314" height="234" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />  
  45. </object>  


这里多了一个版本控制的方法MM_CheckFlashVersion（）。

下部分和swf的写法很相似，但是还略有不同。<param name="movie" value="FLVPlayer_Progressive.swf" 这里不再是播放文件了，而是相当于一个播放器性质的文件，而且使用dreamweaver插入一个flash文件后，你会发现FLVPlayer_Progressive.swf这个文件和Clear_Skin_3.swf。前者相当于播放器，后者相当于皮肤，dreamweaver里面提供了多种皮肤，可以根据选择使用。在以上代码中有两处使用到了播放器文件FLVPlayer_Progressive.swf，这个和swf的很相似，但是他不是源文件。代码中skinName就是设置皮肤的，其他的一些属性都比较好理解。

     总结一下，flv格式嵌入有3个要点：1,播放器FLVPlayer_Progressive.swf，这个文件必不可少，而且这个文件要和flv源文件在一个文件目录下（暂时也没有找到原因）2.皮肤skinName=Clear_Skin_3，皮肤可以更换，同样也是必不可少的，要和flv源文件在一起。3.源文件，streamName，这个参数显示源文件的文件名，不带后缀，当文件名为中文的时候，dreamweaver会知道把那个名称转换为一大串。。。。当html文件和flv文件不在同一个文件目录下面的时候，需要带上文件路径（这个在项目中要特别注意）。

图示中同一个页面使用了两种皮肤，一个设为自动播放，另一个为手动播放。文件格式为flv。

这篇关于html文件中flash格式（flv、swf）文件的嵌入的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1045521。

相关文章

Vue3 的 shallowRef 和 shallowReactive：优化性能

Vue3 的 shallowRef 和 shallowReactive：优化性能

大家对 Vue3 的 ref 和 reactive 都很熟悉，那么对 shallowRef 和 shallowReactive 是否了解呢？ 在编程和数据结构中，“shallow”（浅层）通常指对数据结构的最外层进行操作，而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素，而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层（Shallow） 定义
阅读更多...
这15个Vue指令，让你的项目开发爽到爆

这15个Vue指令，让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件，按住 Control 和回车键再显示它吗？小菜一碟： <template
阅读更多...
【 html+css 绚丽Loading 】000046 三才归元阵

【 html+css 绚丽Loading 】000046 三才归元阵

前言：哈喽，大家好，今天给大家分享html+css 绚丽Loading！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦 💕 目录 📚一、效果📚二、信息💡1.简介：💡2.外观描述：💡3.使用方式：💡4.战斗方式：💡5.提升：💡6.传说： 📚三、源代码，上代码，可以直接复制使用🎥效果🗂️目录✍️
阅读更多...
【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【课程链接】 AntV G6：深入图形与图形分组、自定义节点、节点动画（下）_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中，应该怎样去计算和绘制图形，如何给一个图形制作不间断的动画，以及在鼠标事件之后产生动画。（有点难，需要好好理解） <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06
阅读更多...
【生成模型系列（初级）】嵌入（Embedding）方程——自然语言处理的数学灵魂【通俗理解】

【生成模型系列（初级）】嵌入（Embedding）方程——自然语言处理的数学灵魂【通俗理解】

【通俗理解】嵌入（Embedding）方程——自然语言处理的数学灵魂 关键词提炼 #嵌入方程 #自然语言处理 #词向量 #机器学习 #神经网络 #向量空间模型 #Siri #Google翻译 #AlexNet 第一节：嵌入方程的类比与核心概念【尽可能通俗】 嵌入方程可以被看作是自然语言处理中的“翻译机”，它将文本中的单词或短语转换成计算机能够理解的数学形式，即向量。 正如翻译机将一种语言
阅读更多...
计算机毕业设计 大学志愿填报系统 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试

计算机毕业设计 大学志愿填报系统 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试

🍊作者：计算机编程-吉哥 🍊简介：专业从事JavaWeb程序开发，微信小程序开发，定制化项目、 源码、代码讲解、文档撰写、ppt制作。做自己喜欢的事，生活就是快乐的。 🍊心愿：点赞 👍 收藏 ⭐评论 📝 🍅 文末获取源码联系 👇🏻 精彩专栏推荐订阅 👇🏻 不然下次找不到哟~Java毕业设计项目~热门选题推荐《1000套》 目录 1.技术选型 2.开发工具 3.功能
阅读更多...
Vue3项目开发——新闻发布管理系统（六）

Vue3项目开发——新闻发布管理系统（六）

文章目录 八、首页设计开发1、页面设计2、登录访问拦截实现3、用户基本信息显示①封装用户基本信息获取接口②用户基本信息存储③用户基本信息调用④用户基本信息动态渲染 4、退出功能实现①注册点击事件②添加退出功能③数据清理 5、代码下载 八、首页设计开发 登录成功后，系统就进入了首页。接下来，也就进行首页的开发了。 1、页面设计 系统页面主要分为三部分，左侧为系统的菜单栏，右侧
阅读更多...
【VUE】跨域问题的概念，以及解决方法。

【VUE】跨域问题的概念，以及解决方法。

目录 1.跨域概念 2.解决方法 2.1 配置网络请求代理 2.2 使用@CrossOrigin 注解 2.3 通过配置文件实现跨域 2.4 添加 CorsWebFilter 来解决跨域问题 1.跨域概念 跨域问题是由于浏览器实施了同源策略，该策略要求请求的域名、协议和端口必须与提供资源的服务相同。如果不相同，则需要服务器显式地允许这种跨域请求。一般在springbo
阅读更多...
什么是 Flash Attention

什么是 Flash Attention

Flash Attention 是 由 Tri Dao 和 Dan Fu 等人在2022年的论文 FlashAttention: Fast and Memory-Efficient Exact Attention with IO-Awareness 中 提出的， 论文可以从 https://arxiv.org/abs/2205.14135 页面下载，点击 View PDF 就可以下载。 下面我
阅读更多...
HTML提交表单给python

HTML提交表单给python

python 代码 from flask import Flask, request, render_template, redirect, url_forapp = Flask(__name__)@app.route('/')def form():# 渲染表单页面return render_template('./index.html')@app.route('/submit_form',
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2