chrome浏览器播放背景音乐

以前每次给背景添加音乐时,有时候可以播放,有时候播放不了,当时也没注意,现在注意了一下,当使用谷歌内核浏览器时,用以下代码,背景音乐绝对可以播放:(只是个例子)

html代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>chrome浏览器播放背景音乐</title>
<script src="js/JS.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<audio id="music" controls="controls" style=‘display:none‘>
<source src="img/演员.mp3" type="audio/mpeg">
</audio>
</body>
</html>

JS代码:

window.onload = function(){
var audio = document.getElementById(‘music‘);
audio.play();
//audio.pause();
}

样式的话,自己根据自己的喜欢设置就好了。

时间: 2024-08-24 22:43:40

chrome浏览器播放背景音乐的相关文章

[转载]为什么有些MP4文件在Chrome浏览器上播放不了?

http://blog.sina.com.cn/s/blog_6bb7ebcc0101c2ja.html Chrome浏览器支持HTML5,它支持原生播放部分的MP4格式(不用通过Flash等插件). 为什么是部分MP4呢?MP4有非常复杂的含义(见http://en.wikipedia.org/wiki/Mp4),普通人对MP4的理解是后缀为.mp4的文件.但MP4本身不是一种简单的视频格式,它是一个包装了视频和音频格式的壳.至于里面的视频和音频使用什么编码格式是可变的.MP4的视频格式可以使

Chrome浏览器视频自动播放报Uncaught(in promise)DOMException

先看代码 用jquery 实现视频的自动播放 $(function () { var vList = ['video/zykj.mp4']; // 初始化播放列表 var vLen = vList.length; // 播放列表的长度 var curr = 0; // 当前播放的视频 var video = document.getElementById("myvideo"); video.addEventListener('ended', play1);//监听 play1(); f

【转】解决chrome浏览器不支持audio和video标签的autoplay自动播放

声音无法自动播放这个在 IOS/Android 上面一直是个惯例,桌面版的 Safari 在 2017 年的 11 版本也宣布禁掉带有声音的多媒体自动播放功能,紧接着在 2018 年 4 月份发布的 Chrome 66 也正式关掉了声音自动播放,也就是说 <audio autopaly> <video autoplay>在桌面版浏览器也将失效. 那么怎么解决呢?解决方式如下: 在chrome 浏览器中输入:chrome://flags,搜索“Autoplay policy”,默认为

【转载】CentOS7 安装Chrome浏览器

本篇文章主要记录如何在CentOS7.0上安装Chrome浏览器. 1.配置yum下载源: 在目录 /etc/yum.repos.d/ 下新建文件 google-chrome.repo, 并且在该文件中添加如下内容: 1 [google-chrome] 2 name=google-chrome 3 baseurl=http://dl.google.com/linux/chrome/rpm/stable/$basearch 4 enabled=1 5 gpgcheck=1 6 gpgkey=htt

chrome浏览器提取网页视频

在我们平时上网看视频听音乐时都会产生缓存,但是我们很难通过一些软件把其中的视频和音乐文件提取出来 关于本文中提及的chrome浏览器,已在上一篇博文中提及,请自行翻阅:http://blog.sina.com.cn/s/blog_6fa5aa4a010136l5.html 在chrome浏览器中,可以利用F12键审查元素的功能查出原视频或音乐的源地址,可以通过源地址下载下来 先说抓取视频的方法: 1.打开视频地址,如:http://www.tudou.com/albumplay/BDG9NP__

解决Shockwave flash在chrome浏览器上崩溃的问题

越来越多的人開始使用chrome浏览器,非常多用户都遇到过flash崩溃的问题,有时候重新启动chrome能够解决,有时候会导致无法用chrome打开不论什么站点上的不论什么flash.这个问题非常少在Firefox或者IE上发生,原因是除了chrome以外的浏览器都直接使用第三方的插件,比方adobe的,而仅仅有chrome除了使用第三方插件之外,自身还内置了一个flash播放器.chrome的非常多这种功能设计使得它在速度,效率,外观,使用方便性上面胜出它的竞争对手,但也带来一些小问题,比方

Ubuntu 16.04下安装64位谷歌Chrome浏览器

最近把Ubuntu系统更新到16.04,发现自带的Firefox浏览器有一些问题,但是懒得安装插件,折腾已知的问题,于是决定安装Chrome看看,果然,很多问题没有了. 因为安装的Linux是64位的Ubuntu 16.04系统,所以本人决定也安装64位的谷歌Chrome浏览器.在 Ubuntu 16.04 中,要想使用谷歌的 Chrome 浏览器,可以通过命令行的方式手动安装. Ubuntu 16.04中安装Chromium浏览器  http://www.linuxidc.com/Linux/

chrome浏览器避免因flash过期而强制更新

chrome浏览器避免因flash过期而强制更新 最近由于AdobeFlash漏洞影响全线Chrome浏览器,所有未更新flash的Chrome浏览器都无法使用flash播放器. 升级你怕了吗? 谷歌给的方法是更新chrome浏览器的flash版本,但是在天朝能连google网站的人少得可怜,更新太难,只能下一个最新版的chrome,但是我不能用最新的chrome,不然我之前惯用的json-handle插件就没法用了,只能想办法避免更新而强制使用了. 之前以为下个最新的Flash播放器能解决这个

【原创】测试不同浏览器播放canvas动画的平滑程度

Canvas无疑是HTML5开放式网络平台最激动人心的技术之一.目前,除了IE8以外,各类浏览器的新版本都支持HTML5 Canvas. 程序员需要通过Javascript调用Canvas API.基本的Canvas API包括一个2D环境,该环境允许程序员绘制各种图形和渲染文本,并将图像显示在浏览器窗口的定义区域.实现Canvas动画时,程序员需要在下一帧渲染前设置屏幕内容,重绘图像以实现动画效果.Canvas动画的实现有点儿像“翻页动画”,在绘本上的每页绘制不同图像,快速翻过时每一帧都连续起