HTML+JavaScript 实现切换视频功能
<scripttype="text/javascript">functionstart(str){document.getElementById("emb").src=s...
<script type="text/javascript">
function start (str) {
document.getElementById("emb").src = str;
}
</script>
</head>
<body>
<embed style="width:500px;margin-top:500px" id="emb" src="1.swf" />
<a onclick="start('1.swf')" href="###">swf1</a>
<a onclick="start('2.swf')" href="###">swf2</a>
</body>
点击swf1链接本页emb显示1.swf视频，点击swf2链接本页emb显示2.swf视频
我通过改变emb的src属性去实现，
但这段代码只在火狐浏览器好用，IE没法切换
求解，只要实现视频切换功能就行，别太麻烦没服务器
也可以加我QQ：2278394702 只22号当天接受+QQ 展开
function start (str) {
document.getElementById("emb").src = str;
}
</script>
</head>
<body>
<embed style="width:500px;margin-top:500px" id="emb" src="1.swf" />
<a onclick="start('1.swf')" href="###">swf1</a>
<a onclick="start('2.swf')" href="###">swf2</a>
</body>
点击swf1链接本页emb显示1.swf视频，点击swf2链接本页emb显示2.swf视频
我通过改变emb的src属性去实现，
但这段代码只在火狐浏览器好用，IE没法切换
求解，只要实现视频切换功能就行，别太麻烦没服务器
也可以加我QQ：2278394702 只22号当天接受+QQ 展开
4个回答
展开全部
你搜一下百度应该能搜到IE不支持embed src的实时更新，通过dom修改src是无法更新视频的。
那目前只有尝试重写整个embed的估计就可以更新视频了，也只有这一条路了，不过很好，目标实现。这是我的代码
function start (str) {
var t=document.getElementById("emb").outerHTML;
document.getElementById("emb").outerHTML=t.replace(/\s+src\s*=\s*\S+\s+/,' src="'+str+'"');
}通过正则将src的地址替换掉，使用outerHTML替换整个目标元素，就能更新了。使用正则主要是方便，如果你的embed简单，你当然可以不用正则，直接手写拼出结构，如果有错，请指出，希望可以共同学习
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
参考如下：
<span style="font-size:18px;">function about_img6() {
$("#about_ul li").css("width", "146px");
$("#media_list_content ul li").css("width", "125px");
$("#about_ul li h2").fadeIn(500);
$("#about_ul li h2 span,#about_ul li h2 img").hide();
$("#about_ul li .about_sub").hide();
$("#about_ul").animate({ "width": "1045px" });
$("#about_li1,#about_li2,#about_li3,#about_li4,#about_li5,#about_li7").animate({ "width": "90px" });
$("#about_li6").animate({ "width": "505px" });
$("#about_content6").show();
$("#about_img6").hide();
var srclist = document.getElementById("media_list_content");
var firsrc = srclist.getElementsByTagName("a")[0].className;
//默认加载第一个视频
setvideo(firsrc);
};
$("#media_list_content a").click(function () {
setvideo($(this).attr("class"));
});
///切换视频方法
function setvideo(url) {
var youku = document.getElementById("flv1");
var htmlstr = "<object id='obx' name='obx' width='395' height='290'>";
htmlstr += "<param name='movie' value='" + url + "'></param>";
htmlstr += "<param name='allowFullScreen' value='true'></param>";
htmlstr += "<param name='allowscriptaccess' value='always'></param>";
htmlstr += "<param name='wmode' value='opaque'></param>";
htmlstr += "<embed src='" + url + "' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' wmode='opaque' width='395' height='290'></embed>";
htmlstr += "</object>";
youku.innerHTML = "";
youku.innerHTML = htmlstr;
};</span>
<span style="font-size:18px;">function about_img6() {
$("#about_ul li").css("width", "146px");
$("#media_list_content ul li").css("width", "125px");
$("#about_ul li h2").fadeIn(500);
$("#about_ul li h2 span,#about_ul li h2 img").hide();
$("#about_ul li .about_sub").hide();
$("#about_ul").animate({ "width": "1045px" });
$("#about_li1,#about_li2,#about_li3,#about_li4,#about_li5,#about_li7").animate({ "width": "90px" });
$("#about_li6").animate({ "width": "505px" });
$("#about_content6").show();
$("#about_img6").hide();
var srclist = document.getElementById("media_list_content");
var firsrc = srclist.getElementsByTagName("a")[0].className;
//默认加载第一个视频
setvideo(firsrc);
};
$("#media_list_content a").click(function () {
setvideo($(this).attr("class"));
});
///切换视频方法
function setvideo(url) {
var youku = document.getElementById("flv1");
var htmlstr = "<object id='obx' name='obx' width='395' height='290'>";
htmlstr += "<param name='movie' value='" + url + "'></param>";
htmlstr += "<param name='allowFullScreen' value='true'></param>";
htmlstr += "<param name='allowscriptaccess' value='always'></param>";
htmlstr += "<param name='wmode' value='opaque'></param>";
htmlstr += "<embed src='" + url + "' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' wmode='opaque' width='395' height='290'></embed>";
htmlstr += "</object>";
youku.innerHTML = "";
youku.innerHTML = htmlstr;
};</span>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
老兄 嵌入SWF 格式 不完整啊 添加 ObJect标签即可,JS 没有获取到FLASH 当然 播放不了视频了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
wofljg o[wujt lgogj[t [w p[ w[ r
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
