织梦插入swf的方法

99ANYc3cd6
预计阅读时长 15 分钟
位置: 首页 织梦建站 正文

直接使用HTML <embed><object> 标签(最简单直接)

这是最基础的方法,适用于插入一个固定路径的SWF文件。<embed> 标签在现代浏览器中兼容性更好,而<object>标签是更标准的做法,两者结合使用可以覆盖更多浏览器。

操作步骤:

  1. 上传SWF文件:将你的 .swf 文件上传到网站服务器的指定目录,/uploads/flash/ 文件夹下。
  2. 在编辑器中插入代码
    • 登录织梦后台,进入“内容管理” -> “添加文档”或“编辑文档”。
    • 编辑器(如默认的编辑器或百度编辑器)中,切换到“源代码”模式(通常有一个 </> 按钮)。
    • 将下面的代码粘贴到你想要插入SWF的位置。

代码示例:

<!-- 结合使用 object 和 embed,以获得更好的兼容性 -->
<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="800" height="600">
  <param name="movie" value="/uploads/flash/your_flash_file.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" /> <!-- 可选:设置透明背景 -->
  <embed src="/uploads/flash/your_flash_file.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="600" wmode="transparent"></embed>
</object>

代码参数说明:

  • widthheight:设置Flash动画的宽度和高度(单位:像素)。
  • value="/uploads/flash/your_flash_file.swf"src="/uploads/flash/your_flash_file.swf"这是最重要的部分,请务必替换成你自己的SWF文件在服务器上的绝对路径
  • quality="high":设置播放质量为高质量。
  • wmode="transparent"非常有用,可以让Flash背景透明,显示出网页的背景,你也可以设置为 wmode="opaque"(不透明)或 wmode="window"(默认,在浏览器窗口中播放)。
  • wmode="opaque":可以防止HTML元素(如下拉菜单)被Flash遮挡。

使用织梦的自定义HTML标签(推荐,更灵活)

如果你想在多个地方重复使用同一个SWF,或者希望SWF的路径可以动态管理,使用自定义标签是最好的选择。

操作步骤:

  1. 创建自定义标签

    • 在织梦后台,找到“核心” -> “频道模型” -> “自定义宏标记”。
    • 点击“增加新标记”。
    • 标记名称:起一个你容易记住的名字,myflash
    • 标记类型:选择“标记调用”。
    • :将方法一中的HTML代码粘贴进来,但将SWF路径用一个变量代替,arcurl
  2. 填写标记内容示例

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{dede:global.width/}" height="{dede:global.height/}">
  <param name="movie" value="{dede:global.flashurl/}" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <embed src="{dede:global.flashurl/}" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="{dede:global.width/}" height="{dede:global.height/}" wmode="transparent"></embed>
</object>
  1. 保存标签:保存这个自定义标签。

  2. 页或模板中使用标签

    • 编辑器中,直接输入 {dede:myflash/}
    • 在模板文件(如 article_article.htm)中,也可以直接使用 {dede:myflash/}
  3. 调用标签并传入参数: 你需要在调用标签时传入具体的值,可以在后台“自定义宏标记”列表中找到你创建的 myflash 标签,点击“管理” -> “更新”,然后点击“调用参数”进行设置。

    调用方式示例(在模板文件中):

    {dede:myflash flashurl='/uploads/flash/banner.swf' width='980' height='200'/}

    这样,你就可以在需要的地方轻松插入不同大小和路径的Flash了。


使用第三方编辑器插件(如百度编辑器UEditor)

如果你使用的是织梦集成的百度编辑器(UEditor),它通常内置了插入Flash的功能,操作非常直观。

操作步骤:

  1. 确保你已成功安装并配置了UEditor编辑器,编辑界面,找到工具栏上的“Flash”按钮(通常是一个红色的播放图标)。
  2. 点击“Flash”按钮,会弹出一个文件上传窗口。
  3. 在窗口中,你可以选择已经上传到服务器的SWF文件,或者直接上传新的SWF文件。
  4. 选择文件后,可以设置Flash的宽度和高度,然后点击“确定”。
  5. 编辑器会自动生成正确的HTML代码并插入到内容中。

优点:可视化操作,非常方便,无需手写代码。


⚠️ 重要注意事项(必读)

  1. SWF文件路径问题:这是最常见的问题,请务必使用服务器上的绝对路径/uploads/flash/xxx.swf,不要使用本地电脑的路径(如 C:\flash\xxx.swf),这会导致其他用户无法看到。
  2. 移动端兼容性SWF(Flash)技术在移动设备(如手机、平板)上是不支持的,几乎所有现代移动浏览器都已放弃对Flash的支持,如果你的网站需要适配移动端,强烈建议使用HTML5视频(如MP4、WebM)或GIF动画来替代SWF。
  3. 安全性:确保你上传的SWF文件来源可靠,因为Flash文件可能存在安全漏洞,避免下载和运行不明来源的Flash程序。
  4. 性能考虑:Flash动画可能会消耗较多客户端资源,影响网页加载速度和性能,在非必要的情况下,尽量使用更现代的Web技术。
  5. HTTPS支持:如果你的网站启用了HTTPS(SSL证书),那么Flash中加载的外部资源(如图片、XML)也必须通过HTTPS协议,否则可能会因为“混合内容”而被浏览器阻止。
方法 优点 缺点 适用场景
直接插入HTML 简单、直接,无需额外设置 代码重复,不易管理,修改时需多处改动 只在少数几个地方使用,且内容固定的简单页面。
自定义标签 高度推荐,代码复用性强,维护方便,参数可动态配置 需要后台设置一次,初次使用稍显复杂 需要在网站多处使用Flash,或者Flash属性需要灵活控制的情况。
编辑器插件 可视化操作,非常方便,对用户友好 依赖于编辑器,功能可能受限 使用UEditor等现代编辑器的用户,追求便捷的内容发布体验。

对于大多数织梦用户来说,方法二(自定义标签) 是最专业、最灵活、最推荐的做法,而如果你的需求很简单,或者只是临时使用,方法一也完全够用,请根据你的实际情况选择最适合的方法。

-- 展开阅读全文 --
头像
C语言如何跳出while循环?
« 上一篇 03-29
织梦网站怎么添加商桥
下一篇 » 03-29

相关文章

取消
微信二维码
支付宝二维码

目录[+]