html中插入音频。H5的标签 src为本地

<audio controls="controls" height="" width="">

  <source src="韩庚 - I Don't Give A 屑.mp3" type="audio/mp3" />

  <embed height="" width="" src="韩庚 - I Don't Give A 屑.mp3" />

</audio>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>Web前端_自我介绍</title>

    </head>

    <script type="text/javascript">

        function f1() {

            var title = document.title;

            var firchar = title.charAt(0);

            var leftchar = title.substring(1, title.length);

            document.title = leftchar + firchar;

        }

        function f2() {

            setInterval("f1()", 250);

        }

        function f3() {

            if (confirm("")) {

                alert("");

            }

            else {

                alert("");

            }

        }

    </script>

    <body onload="f2()">

        <!--<style><embed     src="C:\Users\Administrator\Desktop\韩庚 - I Don't Give A 屑.mp3"     width="0" height="0" hidden="false" autostart="true"></embed></style>-->

        <p>老师好，我叫竺杭杰，学号201318100224，地信132，希望老师上课能多敲代码演示以及展示下现下流行的H5。相信同学们会很感兴趣的哦。</p>

        <p>最新的韩庚单曲送你哈 </p>

        <!--<embed   hidden="ture"  loop="-1"  width=300 height=80 title="I Don't Give A 屑.mp3"  >

            <source src="src="http://sh.ctfs.ftn.qq.com/ftn_handler/7dab5a5ed078e9edc532293fd98fcbc3d95a699792900ccb75cf06712f0d784c2ba0397c611ee4170bf20ecd63d3ac2b0050c10b7369d74fb246fe2223b0c0ca/?fname=%E9%9F%A9%E5%BA%9A+-+I+Don%26%2339%253t+Give+A+%E5%B1%91.mp3"></source>

        </embed>-->

        <audio controls="controls" height="100" width="100" loop="-1" autoplay="true">

            <source src="http://sh.ctfs.ftn.qq.com/ftn_handler/7dab5a5ed078e9edc532293fd98fcbc3d95a699792900ccb75cf06712f0d784c2ba0397c611ee4170bf20ecd63d3ac2b0050c10b7369d74fb246fe2223b0c0ca/?fname=%E9%9F%A9%E5%BA%9A+-+I+Don%26%2339%253t+Give+A+%E5%B1%91.mp3" type="audio/mp3" />

            <!--<embed height="100" width="100" src="I Don't Give A 屑.mp3" /></embed><!--如果第一个格式错误，会尝试embed-->

        </audio>

        <p>最爱Lrc：</p>

        <img src="http://hz.ftn.qq.com/ftn_handler/e5db2bd09bbc783affc3ae9e09010af75a14683f365b73de2ec0db4d14b5231f453d12f1ec4c467712cc82a0c92207790593e46a200ae4913f20f838f3e7a6d0/?fname=shit.jpg" />

    </body>

</html>

　　

自制文件链接后

​自制文件链接步骤，找个固定的上传源，如网盘，邮箱文件中转站都行。

然后上传好文件，点击下载，就有链接了，删除后缀名后的部分如.jpg后面的全不要，.mp3后的全不要。这就是我们要的网址链接。

验证是否正确，粘贴到浏览器，出现下载窗口，即说明正确！

HTML插入文件链接（如音乐，照片）的更多相关文章

  1. 前端Demo常用库文件链接

    <!doctype html><html><head> <meta charset="UTF-8"> <title>前端 ...

  2. C#操作word的一些基本方法(word打印，插入文件，插入图片，定位页眉页脚，去掉横线)

    Microsoft.Office.Interop.Word.Application wordApp = new ApplicationClass() word对象 2. Microsoft.Offic ...

  3. .net环境下ckeditor与ckfinder中文文件链接乱码的问题

    .net环境下ckeditor与ckfinder中文文件链接乱码的问题 将ckfinder.js中的getUrl:function(){return this.folder.getUrl()+enco ...

  4. Linux链接库四（多个库文件链接顺序问题）

    最近在Linux下编程发现一个诡异的现象,就是在链接一个静态库的时候总是报错,类似下面这样的错误: (.text+0x13): undefined reference to `func' 关于unde ...

  5. 转: linux文件链接(软链接和硬链接)

    链接:一种在共享文件和访问它的用户的若干目录项之间建立联系的一种方法. Linux中包括两种链接:硬链接(Hard Link)和软链接(Soft Link),软链接又称为符号链接(Symbolic l ...

  6. Linux文件链接hard link与symbolic link

    Linux中文件链接有两种方式,一种是hard link,又称为硬链接:另一种是symbolic link,又称为符号链接.要区分两者的不同要回顾Linux常用的ext2文件系统.这种文件系统使用in ...

  7. 用python给html里的css及js文件链接自动添加版本号

    传统的给文件链接添加版本号的方法是使用gulp-rev,这里提出的解决方案是使用python来替代gulp-rev. import os import re import uuid import sy ...

  8. Linux操作系统的文件链接

    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++标题:Linux操作系统的文件链接内容:文件链接时间:2019年 ...

  9. 如何在OneNote for Mac 中插入文件附件？

    OneNote 2016 Mac是一款非常方便的云笔记软件,可以随时记录您稍纵即逝的创意,灵感和发现,发挥您的潜能,简化你的生活和工作.有用户反应如何在OneNote for Mac 中插入文件附件呢 ...

随机推荐

  1. jQuery 获取和设置表单元素

    jQuery提供了val()方法,使用它我们可以快速地获取和设置表单的文本框.单选按钮.以及单选按钮的值. 使用val()不带参数,表示获取元素的值 使用val()给定参数,则表示把值赋给元素 如下: ...

  2. HTML5 有哪些不同类型的存储？

    HTML 5 支持本地存储,在之前版本中是通过 Cookie 实现的.HTML5 本地存储速度快而且安全. 有两种不同的对象可用来存储数据: localStorage 适用于长期存储数据,浏览器关闭后 ...

  3. SpringMVC05 return (Json)

    这里要主要的是js文件要引入,文中不做解释 1.导入包 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xs ...

  4. jstack的使用方法

    背景 记得前段时间,同事说他们测试环境的服务器cpu使用率一直处于100%,本地又没有什么接口调用,为什么会这样?cpu使用率居高不下,自然是有某些线程一直占用着cpu资源,那又如何查看占用cpu较高 ...

  5. 360、IE等浏览器对bootstrap的影响

    笔者开发的web程序部署上线后发现,bootstrap的菜单不显示,开发时候用chrome没有发现问题,在360浏览器上跑,发现360默认的是兼容模式,切换到极速模式就能够显示菜单了. 但是这样的用户 ...

  6. hihoCoder hiho一下 第二周 #1014 : Trie树（Trie树基本应用）

    思路: 完全看题目中的介绍就行了.还有里面的input写道:不保证是英文单词,也有可能是火星文单词哦.比赛结束后的提交是不用考虑26个字母之外的,都会AC,如果考虑128种可能的话,爆了内存.步骤就是 ...

  7. STL容器 成员函数 时间复杂度表

    Sequence containers Associative containers   Headers <vector> <deque> <list> <s ...

  8. File 与 Log #3--动态加入控件，[图片版]访客计数器（用.txt档案来记录）

    File 与 Log #3--动态加入控件,[图片版]访客计数器(用.txt档案来记录) 以前的两篇文章(收录在书本「上集」的第十七章) 请看「ASP.NET专题实务」,松岗出版 File 与 Log ...

  9. latex-word

    http://blog.sina.com.cn/s/blog_565e747c0100qxma.html 附:PowerPoint 中插入LaTeX公式的插件,IguanaTex,功能和TeXsWor ...

  10. 后台调用前台js

    WEB后台代码调用前台JS(两种方式). 1   这种方式只能调用简单的JS代码.不能调用自定义的函数. string jss = "<script language='javascr ...