首页 > 软件开发 > HTML >

HTML网页制作:[7]添加音乐embed的用法

来源:互联网 2023-03-16 19:19:37 414

在上一篇经验中,小编有介绍bgsound.但是这个仅仅是添加背景音乐,并没有控制器等,而且还有一些限制。这篇,小编将介绍embed,很不错哦。GFl办公区 - 实用经验教程分享!

工具/原料

  • 一台电脑
  • txt或者DW等

方法/步骤

  • 1

    bgsound是用来设置网页的背景音乐,所以从效果来看,什么也看不到,是没有类似音乐播放器的那种操控界面的。GFl办公区 - 实用经验教程分享!

    但是,embed来添加的音乐,则拥有这种操控界面,还可以让他变得非常美观。GFl办公区 - 实用经验教程分享!

  • 2

    先看下embed的语法。GFl办公区 - 实用经验教程分享!

    embed src="音乐url">GFl办公区 - 实用经验教程分享!

    是不是超级简单。GFl办公区 - 实用经验教程分享!

    将他放到代码中。GFl办公区 - 实用经验教程分享!

    HTML网页制作:[7]添加音乐embed的用法GFl办公区 - 实用经验教程分享!

  • 3

    有些浏览器会有如下图的询问,请点击“允许”GFl办公区 - 实用经验教程分享!

    HTML网页制作:[7]添加音乐embed的用法GFl办公区 - 实用经验教程分享!

  • 4

    效果图如下。GFl办公区 - 实用经验教程分享!

    只要一句代码就可以出现如下的效果,有声音控制、进度条等,是不是很方便呢。GFl办公区 - 实用经验教程分享!

    HTML网页制作:[7]添加音乐embed的用法GFl办公区 - 实用经验教程分享!

  • 4相关内容非法爬取自百度经验
  • 5

    来点高级的。GFl办公区 - 实用经验教程分享!

    embed src="简单爱.mp3" width="200" height="200" >GFl办公区 - 实用经验教程分享!

    width:控制播放器的宽度GFl办公区 - 实用经验教程分享!

    height:控制播放器的高度GFl办公区 - 实用经验教程分享!

    效果图如下所示GFl办公区 - 实用经验教程分享!

    GFl办公区 - 实用经验教程分享!

    HTML网页制作:[7]添加音乐embed的用法GFl办公区 - 实用经验教程分享!

  • 6

    音乐听完,想他重复播放怎么办?GFl办公区 - 实用经验教程分享!

    embed src="简单爱.mp3" width="200" height="200" loop="true">GFl办公区 - 实用经验教程分享!

    loop:循环播放控制。GFl办公区 - 实用经验教程分享!

    为true:循环播放GFl办公区 - 实用经验教程分享!

    false:只播放一次GFl办公区 - 实用经验教程分享!

    为数值:你想重播的次数GFl办公区 - 实用经验教程分享!

    GFl办公区 - 实用经验教程分享!

  • 7

    想打开网页,让音乐立刻播放或者暂停。GFl办公区 - 实用经验教程分享!

    embed src="简单爱.mp3" width="200" height="200" loop="true" autostart="false">GFl办公区 - 实用经验教程分享!

    autostart:false为暂停GFl办公区 - 实用经验教程分享!

    true为播放GFl办公区 - 实用经验教程分享!

    效果图如图GFl办公区 - 实用经验教程分享!

    HTML网页制作:[7]添加音乐embed的用法GFl办公区 - 实用经验教程分享!

  • 8

    自然,embed的用法还有很多,网上肯定能找到很多。不会的话,就百度吧。GFl办公区 - 实用经验教程分享!

    GFl办公区 - 实用经验教程分享!

    GFl办公区 - 实用经验教程分享!

  • 添加音乐bgsound...|下一篇:

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!GFl办公区 - 实用经验教程分享!


    标签: HTML软件

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码