Question

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

例如视频和音乐都是独立的

<video class="covervid-video" autoplay loop id="v_video">
<source src="v/cathedral/cathedral.mp4" type="video/mp4">
</video>

<audio controls autoplay loop style="display:none" id="m_muisc">
<source src="v/cathedral/cathedral.m4a" type="audio/ogg" />
</audio>

我如何通过video 和 audio 中的 ID 来获取它们的播放列表。

例如 上一首 下一首 播放/暂停

我现在是通过 ajax 从php中 随机获取的列表~
function loadvm()
{
$.ajax({
type: "POST",
url: "v.php",
dataType:"json",
success: function(data){

$("#v_video").attr("src",data.v);//更新url
$("#v_video").attr("autoplay","true");//直接播放

$("#m_muisc").attr("src",data.m);//更新url
$("#m_muisc").attr("autoplay","true");//直接播放
}
});
}

求各位大神 帮帮忙！

Answer 1

将下面的JS代码生成的字符串content的内容放在html中就是一个音乐播放器，并且能够播放音乐。为了兼容，下面的写得比较乱，可以不用JS，整理一下，直接放HTML中也行。

音乐播放器标签的JS代码：

[javascript] view plaincopy
var musicSrc = "../music/1.mp3";

var bower = window.navigator.userAgent;
if(bower.indexOf("MSIE 6")!=-1 || bower.indexOf("MSIE 7")!=-1||bower.indexOf("MSIE 8")!=-1){
content = "<embed id=\"music1\" src=\""+ musicSrc+"\" style=\"width:290px\" autostart=true loop=true hiddle=true>";
}else if(bower.indexOf("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 = document.getElementById('music1');
if(audio!==null){
//
检测播放是否已暂停.audio.paused 在播放器播放时返回false.<span style="font-
family: Arial, Helvetica, sans-serif;">在播放器暂停时返回true</span>

if(!audio.paused)
{
audio.pause();// 这个就是暂停//audio.play();// 这个就是播放
}
}