IE FireFox safari下javascript操作embed标签(转)
这段时间太忙了,都没时间我工作心得写下来了,今天抽个时间把前两天工作中碰到的一些很棘手的问题以及解决的方法:
问题描述:
embed标签接受到直播流以后在IE下可以通过play()和pause()方法得到很好的播放/暂停的控制,但在FireFox和safari 去无能为力,在Firefox和safari下可以正常的播放(在safari需要装media插件),但是就是通过play() 和pause()无法控制它的播放和暂停,问题的根源是Firefox和Safari不能很好的支持embed标签。就这个一个小问题耗了好多时间,恼火啊!
解决方法:
也许会有更好的方法,我的解决方法是这样的:当点击暂停按钮的时候,首先去判断浏览器的类型,如果不是IE就直接把Embed这个标签从DOM中remove掉,单点播放按钮的时候再把Embed标签动态加载到DOM中。就这样,问题解决了。
相关代码如下:
//包含Embed标签的层
<div id="radio_container"><embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/mediaPlayer/" id="player" src="http://pub.qmoon.net:8009/911pop" name="player" width="0" height="0" volume="100"> </embed></div>
//暂定
var trnode=document.getElementById("player");
trnode.parentNode.removeChild(trnode);
//播放
var container=document.getElementById("radio_container");
var str="<embed type=\"application/x-mplayer2\" pluginspage=\"http://www.microsoft.com/windows/mediaPlayer/\" id=\"player\" src=\"http://直播流地址\" name=\"player\" width=\"0\" height=\"0\" volume=\"100\">";
container.innerHTML+=str;
哈哈,希望能对某些朋友有所帮助哈^-^
相关文档:
document对象:
对象属性:
document.alinkColor
//激活链接(焦点在此链接上)的颜色
document.all
//表示文档中所有HTML标记符的数组
document.anchors
//表示文档中所有锚的数组,锚是指带有name属性的A对象
document.applets
//表示文档中所有java小应用程序
document.b ......
<!--
/* Font Definitions */
@font-face
{font-family:宋体;
panose-1:2 1 6 0 3 1 1 1 1 1;
mso-font-alt:SimSun;
mso-font-charset:134;
mso-generic-font-family:auto;
mso-font-pitch:variable;
mso-font-signature:3 135135232 16 0 262145 0;}
@font-face
{font-family:"Cambria Mat ......
实现方式
这里给出2中实现方式。一种是大家应该都知道的indexOf检测的方式,另一种是结合lastIndexOf和splice实现方式。
//首先给Array对象原型上添加indexOf和lastIndexOf方法.(如果没有的话)
if(!Array.prototype.indexOf){
Array.prototype.indexOf = function(element, index){
var length = this.len ......
最近做的项目中有个要求,需要将数据导出到Excel中,关于这个就不是什么问题,网上的资料很多。可当Table中有Input(text)之类的元素是怎么办?
做法:
修改Input的outerHTML;
具体例子:
function resetInput()
{
&nbs ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>drag类</title ......