最新在html中实现音乐或视频自动播放

最新推荐文章于 2024-06-17 11:38:36 发布

免费的东西

最新推荐文章于 2024-06-17 11:38:36 发布

阅读量7k

点赞数 14

分类专栏：前端 html 文章标签：小程序前端 vue.js

本文链接：https://blog.csdn.net/m0_67394360/article/details/123321779

版权

由于期末大作业我想插入一个背景音乐，实现点开网页就会自动播放音频的效果。于是我按照书上的案例写了如下代码

<audio src="../medio/花海.mp3" loop="loop" controls="controls" autoplay="autoplay"></audio>

但是效果并不理想，打开了网页并不会自动播放，于是乎，我百度了各种各样的方法，但始终没有实现想要的效果。于是在整理大作业的偶然间，我居然发现了真相！

首先看原本的代码打开路径,就是一个单纯的网页

myself.html

再看能成功实现自动播放的网页路径

html/myself.html

发现问题所在没？问题就出现在跳转上，也就是说想实现自动播放背景音乐的效果不能应用在首页路径上，而是要放在后面的路径。

举个栗子

看这是一个网页的时候

这是代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
<audio src="../medio/花海.mp3" loop="loop"

关注

专栏目录