如何用HTML写代码实现自动播放音乐

如何用HTML写代码实现自动播放音乐,第1张

由于浏览器的安全策略问题,现在已经不再支持打开页面自动播放音乐了,如需要播放还是要让用户点击播放才可以,可以使用html5的audio标签加载音乐播放。

<audio src="https://lanye.org/demo.mp3" controls width="100%"></audio>

HTML5中的video和audio标签中有一个autoplay属性,添加这个属性后就会在文件加载完成以后自动播放。具体代码如下:

video:

<video autoplay="autoplay">

  <source src="视频路径" />

</video>

audio:

<audio autoplay="autoplay">

  <source src="视频路径" />

</audio>

除此属性外还有如下属性:

controls:如果出现该属性,则向用户显示控件,比如播放按钮。

height:设置视频播放器的高度。

loop:如果出现该属性,则当媒介文件完成播放后再次开始播放。

URL:要播放的视频的 URL。

preload:如果出现该属性,则视频在页面加载时进行加载,并预备播放。不与autoplay同用。

1、新建一个记事本,打开,粘贴基本的代码。

2、<html><head><title>这里填写标题</title><meta name="keywords" content="这里填写关键词" /><meta name="description" content="这里填写说明内容" /<styletype="text/css"><!--CSS样式代码位置--></style></head><body>这里填写HTML代码</body></html>。

3、保存,重命名改一下后缀 .html。

4、双击打开可以看到这是一个没有图片的网页。

5、返回文件右键选择记事本打开。

6、在 <body></body>直接插入代码<img src="地址" width="长" height="高"  alt="描述" title="描述">。

7、保存,再刷新刚刚打开的网页,现在成功的在网页中怎么写插入图片的代码。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7034590.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存