通过js实现在页面中添加音乐

代码如下!兼容IE

// JavaScript Document
function autoPlay(){//自动播放
     var myAuto = document.getElementById(‘myaudio‘);
     myAuto.src = ‘/media/v2/sss.mp3‘;//MP3路径
     myAuto.play();
}
function pausePlay(){//暂停播放
  var myAuto = document.getElementById(‘myaudio‘);
   myAuto.pause();
}
function createAuto(){
    var _id = $("#audio");
    if (window.applicationCache) {
         _id.html(‘<audio id="myaudio" src="" controls="controls" loop="false" hidden="true"></audio>‘)
            } else {
            _id.html(‘<embed src="" id="myaudio" style="display: none;"></embed>‘);
       }
 }创建方式createAuto();
时间: 2024-10-05 05:05:39

通过js实现在页面中添加音乐的相关文章

如何在网站中添加音乐

来源:http://www.ido321.com/1042.html 发现有很多的个人博客中添加了背景音乐,以增强用户体验.LZ搜集到了两种在网站中添加音乐的方式. 一.豆瓣的FM         这个非常简单,一段代码就可以实现. <p> <iframe name="iframe_canvas" src="http://douban.fm/partner/baidu/doubanradio" height="200" widt

在iframe子页面中添加导航功能代码

使用iframe嵌套页面,并在页面中添加导航功能,iframe只适应高度 效果图如下图 主页面 <div class="date_app" id="postRightContent" style="height: 725px; margin-bottom: 30px;"> <iframe id="rightIframePage" name="rightIframePage" scrolli

使用HTML5的JS选择器操作页面中的元素

上一篇文章介绍了HTML5新增的JavaScript选择器,今晚正式实践一下,使用HTML5的JS选择器操作页面中的元素. 文件命名为:querySelector.html,可在Chrome浏览器中预览效果. 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>使用HTML5的JS选择器操作页面中的元

在网页中添加音乐

最近在折腾一个网页,对于一个有强迫症的人来说,就想在网页中插入音乐,(当做背景音乐),然后自己百度了好多资料:就在这里总结一下: 第一步: 我们需要在网页添加一些代码:我也不喜欢那种代码太长的:自己就整理了一下:这里我添加的都是单曲,(单曲循环的那种),添加多个背景音乐,代码比较长,我就没去折腾,(其实是折腾了一种方法,没搞出来,就放弃了): 第一种代码: <EMBED src="http://img.xiaonei.com/photos/20060603/1510/orig51097.w

asp.net 页面中添加普通视频的几种方式

第一种 是通过调用window media player进行播放诸如:wmv,asf等格式文件: <object align=center class="OBJECT" classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 height=320 id=MediaPlayer width=356> <param name="ShowStatusBar" value="-1"> 

jsp页面中添加 enctype=&quot;multipart-formdata&#39;无法提交到后台得解决思路

解决产品添加页面中有提交文件的解决思路 设计原则 在jsp页面的表单里面 <form action="ArticleServlet" enctype="multipart/form-data" method="post"> <input type="hidden" name="method" value="add"> <div>  <input

wordpress——在插件后台管理页面中添加javascript和ajax

最近在开发一个wordpress插件,需要在插件的后台管理页面上,添加自己写的javascript文件,以达到一些功能. 查了好几天的文档和资料,终于实现了. 这里先介绍下wordpress后台页面添加javascript的过程,再介绍添加ajax的过程. 添加javascript 首先我们需要知道wordpress插件开发的框架,然后再介绍javascript添加的步骤. 添加插件设置页面 开发插件,总需要在管理后台添加自己的插件设置页面.插件设置子页面,在这些页面中,可以设置和保存插件的一些

在jsp页面中添加富文本编译器(ueditor)+ 图片上传功能

一次老大让我把文本的编辑区域加一个富文本编译器,于是马上下载了一个kindEditor来试试,但后来老大推荐说百度的ueditor编译器不错,于是我便怀着扩展知识,又学到一个新东西的心理下载了百度的ueidtor编译器,整合到项目中感觉确实不错,今天就和大家分享下这个富文本编译器的使用-- 第一步:首先下载ueditor编译器,地址:http://ueditor.baidu.com/website/ 下载完解压之后就这个: 第二步:我会把文件名utf-8-jsp这个文件名改为ueditor,然后

js在新页面中返回到上一页浏览的历史位置

在微信浏览器中浏览页面时,在当前页面中当我们将页面往下滚动到某一个位置时,可能我们就会点击某个链接而页面跳转到了另外一个页面,而当我们又返回到上一个页面时我们会发现那个页面还停留在我们之前浏览的位置,很方便我们接着往下浏览页面上其他的信息,这种效果大大提升了用户的体验度,提升了网站的逼格.今天,我就把实现这种效果的原理和代码分享给大家,方便大家的开发使用. 原理 1.用户滚动页面时,记录滚动条距离页面顶部的距离scrollTop:2.将记录的值保存到cookie:3.在返回到上一页时,再将保存到