首页 > 其他分享 >如何在HTML页面中嵌入SWF文件,并通过浏览器运行出来

如何在HTML页面中嵌入SWF文件,并通过浏览器运行出来

时间:2024-11-24 22:34:58浏览次数:8  
标签:文件 浏览器 swf HTML SWF 360

1、首先当然是有一个浏览器,(我就用360急速版了,没办法,其实谷歌也可以,是360急速版,),360本身具有flash插件,你只需要启用就行

1)先打开360极速版浏览器,进入“自定义和控制”。

2)在选项中,点击“高级设置”选项。

3)最后,在网页设置中找到网页内容设置,找到flash,点击“点击运行”

 

2、接下来下载flash动画设计源文件(https://www.aigei.com/lib/flash/?tab=all),你也可以通过自己在软件里面做出来,下载Adobe教程在前一篇,swf文件都放在同一个目录下面,

3、在swf旁边新建html文件(这样是为了在写swf文件路径时更简单),使用记事本打开(我是在VS code里面编程,保存文件在swf文件旁边)

 4、HTML文件里面简单编程

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Play SWF File</title>
<style>
/* 你可以在这里添加CSS样式 */
object {
width: 500px;
height: 300px;
}
button {
margin-top: 10px;
}
</style>
<script>
// JavaScript函数用于播放SWF文件
function playSwf() {
var swfObject = document.getElementById('mySwf');
if (swfObject) {
swfObject.play();
}
}
</script>
</head>
<body>

<!-- 使用<object>标签嵌入SWF文件 -->
<object id="mySwf" data="国旗.swf" width="500" height="300">
<param name="movie" value="国旗.swf">
<param name="wmode" value="transparent">
<!-- 浏览器不支持<object>标签时显示的内容 -->
您的浏览器不支持SWF文件播放。
</object>

<!-- 播放按钮 -->
<button onclick="playSwf()">国旗</button>

</body>
</html>

你可以修改此代码,增加你想要的swf文件

5、接下来就是运行代码,右键HTML文件,在打开方式选择360急速浏览器或者谷歌浏览器,记住是在swf文件旁边的HTML文件运行,就可以启动的swf文件了。

 

 

 

 

 

标签:文件,浏览器,swf,HTML,SWF,360
From: https://www.cnblogs.com/yuanxinglan/p/18566535

相关文章

  • 【快速入门】前端御三家:HTML、CSS和JS
    HTMLHTML,超文本标记语言,可以理解成骨架,是一个基础的东西。一.基础结构如图所示:二.常见标签1.标题标签在页面上定义标题性的内容<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>2.段落标签用于在页面上......
  • HTML5的页面可见性(Page Visibility)有哪些应用场景?
    HTML5的PageVisibilityAPI提供了监测页面当前是否对用户可见的功能。这在很多场景下都非常有用,可以优化性能、提升用户体验,并节省资源。以下是一些常见的应用场景:暂停/恢复资源密集型任务:当页面不可见时,可以暂停视频播放、动画渲染、轮询请求、Canvas绘制等资源密集型任......
  • HTML5怎么为输入框添加语音输入的功能呢?
    要为HTML5输入框添加语音输入功能,您可以使用x-webkit-speech属性。这是一个非标准属性,主要在基于WebKit的浏览器(如Chrome和Safari)中受支持。其他浏览器可能不支持此功能。<inputtype="text"x-webkit-speech/>只需将此属性添加到您的<inputtype="text">元素中即......
  • 写出以下几个HTML标签:字体、居中、文字加粗、下标
    <!DOCTYPEhtml><html><head><title>HTML标签示例</title></head><body><!--字体--><pstyle="font-family:Arial;">这是一个Arial字体的段落。</p><pstyle="font-family:'Time......
  • 使用HTML5需要遵守哪些设计原则?
    使用HTML5进行前端开发需要遵守以下设计原则,以确保网站的可用性、可访问性、性能和可维护性:1.语义化标签:优先使用语义化HTML5标签:根据内容的含义选择合适的标签,例如<article>,<aside>,<nav>,<header>,<footer>,<section>等,而不是仅仅依赖<div>和<span>。避免滥用di......
  • HTML5标准提供了哪些新的API?你有用过哪些?
    HTML5标准引入了一系列新的API,极大地扩展了Web开发的功能,使其能够创建更丰富的、更具交互性的Web应用程序。以下是一些重要的HTML5API:多媒体相关:<audio>和<video>:用于在网页中嵌入音频和视频。我经常在生成包含多媒体内容的网页代码示例时使用这两个标签。Web......
  • 浏览器在什么情况下会出现“已拦截弹窗式窗口”?怎么解决?
    浏览器出现“已拦截弹窗式窗口”是因为浏览器检测到网页试图打开一个新的弹出窗口(通常是使用JavaScript的window.open()方法),但浏览器设置或扩展程序阻止了这一行为。这通常是为了防止恶意网站滥用弹出窗口来显示广告、恶意软件或其他不需要的内容。以下是一些导致浏览器拦......
  • 举例说明你对HTML5的ruby标签的理解,都有哪些应用场景?
    HTML5的<ruby>标签及其相关标签用于在东亚文字中添加注音或音标,例如中文汉字的拼音、日语汉字的假名注音等。它允许你将注音(rubytext)与基础文本(basetext)关联起来,通常显示在基础文本的上方或右侧。<ruby>元素本身并不显示任何内容,需要结合以下子元素使用:<rt>(rubytext)......
  • 举例说明如何原样输出HTML代码,不被浏览器解析?
    要在前端显示HTML代码而不被浏览器解析,主要有几种方法:使用<pre>和<code>标签:这是最简单的方法,适合显示较短的代码片段。<code>标签表示这是一段代码,<pre>标签则保留空格和换行符,从而实现原样输出。<pre><code><divclass="container"><p>Hello,world!</p><......
  • 怎么使用HTML5来获取定位?定位不准怎么解决?
    使用HTML5获取定位主要依靠GeolocationAPI。获取定位的大致流程如下:检查浏览器支持:在使用GeolocationAPI之前,最好先检查一下浏览器是否支持它:if("geolocation"innavigator){//浏览器支持GeolocationAPI}else{//浏览器不支持GeolocationAPI......