css 其他
1.data uri
优点:减少HTTP请求数;
缺点:无法被重复利用,会使文件变大。
2.flash 引入
<embed></embed>外层最好加个 <object><embed></embed></object>
flash 背景不能和整体背景色融为一体的问题:
flash透明 <param name="wmode" value="transparent" wmode="transparent">
eg:
<object>
<param name="wmode" value="transparent">
<embed src="1.swf" width="400" height="400" wmode="transparent"></embed > //flash .swf
</object>
引入的两种方式:
(1)利用 DW里自带的 视频播放器,用插入--媒体--FLV,自己拖拽本地视频,并且设置宽高、是否自动播放。
eg:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="400" id="FLVPlayer">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=file:///E%7C/F-%E5%B7%A5%E4%BD%9C/%E5%87%BA%E7%89%88%E4%BC%A0%E5%AA%92%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F/%E6%B5%8B%E8%AF%95%E7%B4%A0%E6%9D%90/0001.%E5%9C%9F%E8%B1%86%E7%BD%91-%E7%AB%A5%E6%98%9F%E9%95%BF%E5%A4%A7%E4%BB%A5%E5%90%8E&autoPlay=true&autoRewind=false" />
<param name="swfversion" value="8,0,0,0" />
<!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示,请将其删除。 -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="400" height="400">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=file:///E%7C/F-%E5%B7%A5%E4%BD%9C/%E5%87%BA%E7%89%88%E4%BC%A0%E5%AA%92%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F/%E6%B5%8B%E8%AF%95%E7%B4%A0%E6%9D%90/0001.%E5%9C%9F%E8%B1%86%E7%BD%91-%E7%AB%A5%E6%98%9F%E9%95%BF%E5%A4%A7%E4%BB%A5%E5%90%8E&autoPlay=true&autoRewind=false" />
<param name="swfversion" value="8,0,0,0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->
<div>
<h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<script type="text/javascript">
swfobject.registerObject("FLVPlayer");
</script>
(2)直接复制视频地址
eg:
<embed src='http://player.youku.com/player.php/Type/Folder/Fid//Ob//sid/XMTgxOTQ1NjQzMg==/v.swf' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' allowFullScreen='true' mode='transparent' type='application/x-shockwave-flash'>
</embed>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具