html如何在li里面设置播放歌曲

 时间:2026-02-14 18:36:55

1、第一步:新建Html文件并下载音乐文件

用Dreamweaver新建一个Html文件,保存到网页专用文件夹中,并下载需要测试的音乐,和Html文件放在相同的目录下,如图:

html如何在li里面设置播放歌曲

html如何在li里面设置播放歌曲

2、第二步:检测音乐文件是否正常

用音乐播放器检测音频文件是否正常,避免异常音乐在程序测试中的错误。程序外部文件的测试看似没有必要,实则非常重要,否则,出错就很难查处程序上的问题。如图:

html如何在li里面设置播放歌曲

3、第三步:LI布局及样式并测试

在代码头部写上样式标签:

<style type="text/css">

li{list-style:none;}

</style>

这段Css代码是控制页面内所有li标签去除样式。如图:

html如何在li里面设置播放歌曲

html如何在li里面设置播放歌曲

html如何在li里面设置播放歌曲

html如何在li里面设置播放歌曲

4、第四步:在<li>标签插入音乐并测试

注意了,重点开始了,在<li>内部插入

<embed src="云朵 - 我的楼兰.mp3

这是音乐文件的标签,并在浏览器中查看效果,默认为自动播放。如图:

html如何在li里面设置播放歌曲

html如何在li里面设置播放歌曲

5、第五步:设置播放器参数并测试

设置embed各项参数并在浏览器中查看效果,参数属性可以到W3C网站查询,本经验不一一解释,如图:

html如何在li里面设置播放歌曲

html如何在li里面设置播放歌曲

6、第六步:设置播放模式参数并测试

由于默认是自动在网页加载时播放,所以有时候为了程序的需要,需要改为鼠标点击时播放,代码如图:

html如何在li里面设置播放歌曲

html如何在li里面设置播放歌曲

7、第七步:总体测试

任何一个简单的程序都需要经过反复的测试和修改,才能正式发布,所以,程序员在写完之后一定要反复测试,从多种角度考虑程序的完整。

html如何在li里面设置播放歌曲

  • break continue用法
  • flash绘制好看的星空背景教程
  • C4D反弹在哪个位置可以找到
  • FLASH如何创建样本面板
  • 怎么使用pr创建遮罩
  • 热门搜索
    吴下阿蒙的意思 阿三是什么意思 desire是什么意思 长上影线代表什么 帝国主义的意思 婚礼策划师要学什么 伴娘祝福语简短上档次 vcr是什么意思 找什么工作有前途 什么的果实填空