87,922
社区成员
发帖
与我相关
我的任务
分享embed标签动态改变Src的值，改变视频。
想制作一个播放列表，点击播放列表的内容即可播放对应视频。已经做了到了视频播放，但是点击列表中别的视频不能更改播放内容。
<html>
<head>
<title>leftpage.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
$(document).ready(function(){
//点击右边列表的某个链接，视频播放切换
$('#mod_videolist li').find('a').each(function(i, elem){
$(this).click(function(){
$('#mod_player > embed').remove();
var str = '<EMBED id="evideo" style="TEXT-ALIGN: center; WIDTH: 514px; DISPLAY: block; HEIGHT: 426px" height=426 type=application/x-mplayer2 width=514 allowNetworking="internal" ShowStatusBar="1" filename="'+ $(this).attr('href') +'" wmode="transparent">';
$('#mod_player').html(str);
return false;
});
});
});
</script>
</head>
<body>
<div id="mod_videolist">
<ul>
<li> <a href=" ">111</a> <\li>
</ul>
</div>
<div id="mod_player" class="mod_player">
<EMBED id="evideo" style="TEXT-ALIGN: center; WIDTH: 514px; DISPLAY: block; HEIGHT: 426px" height=426 type=application/x-mplayer2 width=514 allowNetworking="internal" ShowStatusBar="1" filename=" " wmode="transparent">
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
