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 展开

 我来答

4个回答

#热议# 应届生在签三方时要注意什么？

摩惠然0iD
2013-07-22 · TA获得超过1634个赞

知道小有建树答主

回答量：1162

采纳率：100%

帮助的人：827万

我也去答题访问个人页

关注

展开全部

你搜一下百度应该能搜到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简单，你当然可以不用正则，直接手写拼出结构，如果有错，请指出，希望可以共同学习

已赞过 已踩过<

评论收起

杭州影方生物科技有限公司

广告2024-11-06

能拼接视频的软件-极速短视频制作软件，智能AI技术，文字转短视频，一键生成小说推文视频，逼真视频。自媒体及个人可以高效快速智能的制作生动有趣的短视频作品

lt.lagsye.cn

匿名用户
推荐于2017-10-06

展开全部

参考如下：
<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>