将下面的JS代码生成的字符串content的内容放在html中就是一个音乐播放器,并且能够播放音乐。为了兼容,下面的写得比较乱,可以不用JS,整理一下,直接放HTML中也行。
音乐播放器标签的JS代码:
[javascript] view plaincopy
var musicSrc = "/music/1mp3";
var bower = windownavigatoruserAgent;
if(bowerindexOf("MSIE 6")!=-1 || bowerindexOf("MSIE 7")!=-1||bowerindexOf("MSIE 8")!=-1){
content = "<embed id=\"music1\" src=\""+ musicSrc+"\" style=\"width:290px\" autostart=true loop=true hiddle=true>";
}else if(bowerindexOf("Firefox")!=-1){
content = "<audio id=\"music1\" src=\""+ musicSrc +"\" style=
\"width:290px\" autoplay controls loop preload width=120px><p>小
乐会唱歌,但您的浏览器版本过低,不支持播放小乐的歌声。~~~~(>_<)~~~~ </p></audio>" ;
} else{
content = "<audio id=\"music1\" src=\""+ musicSrc +"\" style=
\"width:290px\" autoplay controls loop preload><p>小乐会唱歌,但您的浏览器版
本过低,不支持播放小乐的歌声。~~~~(>_<)~~~~</p></audio>" ;
}
通过JS暂停音乐播放器的JS代码如下:
[javascript] view plaincopy
var audio = documentgetElementById('music1');
if(audio!==null){
//
检测播放是否已暂停audiopaused 在播放器播放时返回false<span style="font-
family: Arial, Helvetica, sans-serif;">在播放器暂停时返回true</span>
if(!audiopaused)
{
audiopause();// 这个就是暂停//audioplay();// 这个就是播放
}
}
var image = new Image();
imagesrc = '地址';
imageonload = function(){
alert(imagewidth);
alert(imageheight);
}
面中引用video-jscs样式文件和videojs
<link href="video-jscss" rel="stylesheet" type="text/css">
<script src="videojs"></script>
面中引用video-jscs样式文件和videojs
<link href="video-jscss" rel="stylesheet" type="text/css">
<script src="videojs"></script>
因为中文字占两个字节,英文占一个字节。
方法1:把中文字替换成两个字母。然后计算长度。
方法2:直接判断中文,长度+2。
运用的方法大同小异。都是通过正则表达式,写unicode编码。
方法1中
[\u4e00-\u9fa5]:匹配中文字符
[^\x0000-\x00ff]:匹配双字节字符(包括中文字)
正则表达示 /[\u4e00-\u9fa5]/g 的 g 必须要,global,全部都要检查的意思。没有的话输出的是(2333aa哈)
方法2中的函数
扩展:
WIN加R输入cmd打开运行界面。步骤如下:
1、vardate=newDate();
2、varyear=date。getFullYear();
3、//获取年份varmonth=date。getMonth()+1;
4、//获取月份,因为是从0-11所以要+1varday=date。getDate();
5、//获取天数varhour=date。getHours();
6、//获取小时varminute=date。getMinutes();
7、//获取分钟varsecond=date。getSeconds();//获取秒。
var vdos = documentquerySelectorAll("video");
for(var i = 0; i < vdoslength; i++){
vdos[i]stylewidth="100px";
vdos[i]styleheight="100px";
}
以上就是关于HTML5 的video和audio 标签 SRC播放地址如何通过JS 来获取全部的内容,包括:HTML5 的video和audio 标签 SRC播放地址如何通过JS 来获取、js 中,已知图片路径,如何获取图片的长度和宽度,在线等,急、videojs怎么获取帧数和时间等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)