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. hibernate课程 初探单表映射3-2 基本类型

    本节内容:(介绍基本类型) 1 数据类型 简介 2 时间类型 简介 3 时间类型 demo 1 hibernate类型 java类型   integer/int java.lang.Integer/i ...

  2. Atcoder训练计划

    争取三天做完一套吧,太简单的就写一句话题解吧(其实也没多少会做的). 自己做出来的在前面用*标记 agc007 *A - Shik and Stone 暴力dfs即可,直接判断个数 *B - Cons ...

  3. grunt配置sass项目自动编译

    1.安装Ruby和SASS 首先我们需要在电脑上安装Ruby和SASS.如果您使用的是Mac,您就没必要安装Ruby.如果您使用的是Window系统,你需要安装Ruby. 2.安装Nodejs 由于使 ...

  4. angular 学习笔记(3) ng-repeat遍历json并且给样式

    视图: <div ng-app="myapp" ng-controller="myctrl"> <ul> <li ng-repea ...

  5. 测试MS题

    购物车测试点:  1.界面测试        界面布局.排版是否合理:文字是否显示清晰:不同卖家的商品是否区分明显. 2.功能测试 未登录时: 将商品加入购物车,页面跳转到登录页面,登录成功后购物车数 ...

  6. VS找到了XXX的副本,但是当前源代码与XXX中内置的版本不同

    1.博客园有解决ASP.Net出现以上问题的方法: 删除ASP.Net临时文件夹内的dll文件. https://www.cnblogs.com/autumn/p/5261576.html 2.但我的 ...

  7. 在MVC中加载view(点开链接)的方式

    主要有: Html.ActionLink Html.RenderPartial Html.RenderAction Html.Partial AJAX.ActionLink load 浏览器对象模型 ...

  8. 【硬盘整理】使用UltimateDefrag将常用文件放置在磁盘最外圈

    使用方法未知.软件截图如下: 官方网站(英文):http://www.disktrix.com/ 汉化破解版V3.0下载地址:http://page2.dfpan.com/fs/7com9monca3 ...

  9. pat乙级1067

    1.用cin输入数据后,再用getline 输入,还是会输入cin已经输入的数据,即cin和getline互相独立. 2.题目中没有说尝试的密码不包含空格,因此不能用cin,而用getline. #i ...

  10. POI 怎么设置Excel整列的CellStyle啊

    POI 怎么设置Excel整列的CellStyle啊,而不是循环每个Cell.因为现在是生成Excel模板,不知道客户会输入多少行. 问题补充: 指尖言 写道 好像没有这个方法,CellStyle是C ...