在ASP.NET网站中实现带列表的视频播放(2)

最新推荐文章于 2014-11-08 19:47:19 发布

原创最新推荐文章于 2014-11-08 19:47:19 发布 · 282 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ASP.net #.net #ASP #JavaScript #XML #ViewUI

ASP.NET 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一段用于实现网页内嵌视频播放功能的代码。该代码利用了HTML与JavaScript技术来构建一个支持播放列表的视频播放器。通过解析XML文件获取视频资源链接，并通过JavaScript动态生成播放列表。

视频播放模块代码：

<tbody>

<tr>

viewastext="">

</object>

</td>

播放列表<br />

// JScript 文件

function loadXML(xmlFile)

{

var xmlDoc;

if(window.ActiveXObject)

{

xmlDoc = new ActiveXObject('Microsoft.XMLDOM');

xmlDoc.async = false;

xmlDoc.load(xmlFile);

}

else if (document.implementation&&document.implementation.createDocument)

{

xmlDoc = document.implementation.createDocument('', '', null);

xmlDoc.load(xmlFile);

}

else

{

return null;

}

return xmlDoc;

}

//一个检查xml文件的函数

checkXMLDocObj = function(xmlFile)

{

var xmlDoc = loadXML(xmlFile);

if(xmlDoc==null)

{

alert('您的浏览器不支持xml文件读取,于是本页面禁止您的操作,推荐使用IE5.0以上可以解决此问题!');

window.location.href='/Index.aspx';

}

return xmlDoc;

}

function doo()

{

// 定义一个读取xml文件的对象

var xmlDoc = checkXMLDocObj('http://s-sps:801/huojian.xml');

var name = new Array();

var url = new Array();

var sum=xmlDoc.getElementsByTagName("pp").length;

for(var i=0; i<sum; i++)

{

url[i]=xmlDoc.getElementsByTagName('media/pp')[i].getAttribute('url');

name[i]=xmlDoc.getElementsByTagName('media/pp')[i].getAttribute('name');

}

var str = new Array();

for(var i=0; i<sum; i++)

{

str[i]="return play('"+url[i]+"')";

}

document.write('<table border="0" cellpadding="0" cellspacing="0">');

for(var i=0; i<sum; i++)

{

var x = i+1;

document.write('<tr><td style="background-image: url(playbj.GIF);background-position:center;background-repeat:no-repeat; width:20px;height:24px; text-align:center;vertical-align:middle;" >'+x+'</td><td>');

document.write('<input id=Button1 type=button value='+name[i].toString()+' onclick="'+str[i]+'" style="padding:2 0 0 2; border:0px;vertical-align:middle; background-color:#fff;text-align:left;">');

document.write('</td></tr>');

document.write('<tr><td style="height:1px;"><td><tr>');

}

document.write('</table>');

}

function play(urlx)

{

document.all.item("pl").url=urlx;

document.all.item("pl").controls.play();

}

doo();

</script>