How do my portion of Web Page to accommodate all browsers?

Hi all

I'm doing a site and there as a backdrop the video (mp4 file) in assets and when I tested it I saw it differently in Explorer/Chrome/Firefox, for her, I would need to add to my code to get it to insert it in all browsers. My code is as follows:

<! DOCTYPE html >

< html >

< head >

" < script src =" http://AJAX.googleapis.com/AJAX/libs/jQuery/1.9.1/jQuery.min.js ">

< /script >

< / head >

< body >

< body style = "width: 100%;" height: 100%; ">

< video width = "1920" height = "1080" autoplay = "loop" loop controls >

< src = "source background.mp4" type = "video/mp4" > "

< src = "source movie.ogg' type =" video/ogg">"

Your browser does not support the video tag.

< / video >

< script >

$(function() {})

var FancyPointer = function() {}

A model of revealing, to create module a

extendable pointer object.

var pointerIcons = [---], / / array of pointers.

El, $el, / / element to listen

defaultImgSettings = {}

CBC: "globe.gif"

height: "30px"

Width: "30px"

xPos:-15.

yPos:-15

};

function startPointing() {}

$el.on ("mousemove", Function {}

evt var = e;

$(pointerIcons) .each (function (index, pointerEl) {})

$(pointerEl.imgEl) .racing)

. CSS({)

'position': 'absolute ',.

'top':e.pageY + pointerEl .yPos,.

'left':e.pageX + pointerEl .xPos,.

'Width': pointerEl.width,

'height': pointerEl.height

}) .prependTo ($(document.body))

.fadeOut (500, 'linear', function() {}

$(this) .remove ();

});

});

});

}

function addPointer (options) {}

var pointerEl = {};

pointerEl.src = options.src | defaultImgSettings.src;

pointerEl.height = options.height | defaultImgSettings.height;

pointerEl.width = options.width | defaultImgSettings.width;

pointerEl.xPos = options.xPos | defaultImgSettings.xPos;

pointerEl.yPos = options.yPos | defaultImgSettings.yPos;

pointerEl.imgEl = new Image();

pointerEl.imgEl.src = pointerEl.src;

$(pointerEl.imgEl) .attr ("height", pointerEl.height)

.Attr ("width", pointerEl.width);

pointerIcons.push (pointerEl);

}

function init (element) {}

the option required for initialization must be the element in which we will listen.

If there is also an included table, the table must contain a number of options for

the addPointer function. Otherwise, the user must manually call addPointer with

Each pointer to add.

El = element; Save the original item

$el = $(el);     also create a reference sheathed jQuery for later use.

Now, here, we create a table containing all the additional parameters after the first

var args = Array.prototype.slice.call (arguments, 1);

Now, iterate over all these additional arguments. If not, we have to assume that they are

addPointer options (see above).

{if (args)}

$(args) .each (function (index, pointerEl) {})

addPointer (pointerEl);

});

}

startPointing();

}

return {}

init: init.

Add: addPointer

};

}();

FancyPointer.init ("body",

{

CBC: "globe.gif"

Width: "80px.

height: '80px.

xPos:-40,.

yPos:-40

},

{

CBC: "smartphone.gif."

Width: 60px "banner."

height: 60px banner"."

xPos: 25,.

yPos: 25

}, {

CBC: "monitor.gif."

Width: "50px",

height: "50px",

xPos: 30,.

yPos:-80

},

{

CBC: "tablet.gif."

Width: "55px."

height: '55px. "

xPos:-85.

yPos:-85

},

{

CBC: "laptop.gif."

Width: "50px",

height: "50px",

xPos:-80,.

yPos: 30

},

{

CBC: "chain.gif."

Width: "30px"

height: "30px"

xPos:-45,.

yPos:-50

},

{

CBC: "chain.gif."

Width: "30px"

height: "30px"

xPos: 15,.

yPos: 10

},

{

CBC: "chain1.gif."

Width: "30px"

height: "30px"

xPos:-45,.

yPos: 10

},

{

CBC: "chain1.gif."

Width: "30px"

height: "30px"

xPos: 25,.

yPos:-60

});

$("#addTrailer").on ("click", function() {}

$(this) () .hide;

FancyPointer.add ({}

CBC: "trail4.gif."

Width: '100px ',.

height: "100px",.

xPos:-45,.

yPos: 25

});

})

});

; < /script >

< / body >

< / html >

Can anyboby help me with this?

Thanks in advance

Alejandro Castan

PS: Sorry for my little English...


Alejandro,

No worries about your knowledge of English, you did very well.

You have already given the size of the body element as in

You can do the same for the video as in element

width = "100 percent! important"height =" auto. " significant '' loop controls AutoPlay = "loop" >

The ! important bit to ensure that the dimensions do not get overridden by other style rules.

Tags: Dreamweaver

Similar Questions

Maybe you are looking for