HTML5 的video和audio 标签 SRC播放地址如何通过JS 来获取

HTML5 的video和audio 标签 SRC播放地址如何通过JS 来获取,第1张

将下面的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怎么获取帧数和时间等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/10149545.html

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

发表评论

登录后才能评论

评论列表(0条)

保存