What are the differences between the IFRAME and OBJECT embed codes?
The embed code is what you use to make your video appear on your website.
We provide two types of embed code. However, in the overwhelming majority of cases, we recommend using our iframe method.
Iframe embed code
The iframe embed code is, in effect, a window onto a remote page which contains your player. To the outside world, this just looks like a video. However, it allows us to alter your embed dynamically, to accommodate your settings and your viewer’s software configuration.
Moreover, when settings are updated, the iframe embed updates in real time to match your configuration. Any alterations to your preferences are applied instantly, without any changes to the embed code.
Object embed code
The plain HTML (Object) embed code is now considered to be deprecated. We would only recommend its use in situations where iframe embedding isn't possible. For all other uses, the iframe embed code will offer greater reliability and functionality.
Unlike the iframe, the HTML (Object) embed cannot handle settings updates dynamically. As Object embeds are static, many of their settings are applied within the embed code byparameters called Flashvars. When using the Object method, your settings are a static component of the embed itself.
In terms of HTML 5 and mobile compatibility, our HTML (Object) embed method can perform HTML5 playback, when required. However, HTML5 playback will be handled by your browser’s default media player. As a result, HTML5 playback behaviour and functionality will be determined by the browser, as opposed to vzaar.
<iframe allowFullScreen allowTransparency="true" frameborder="0" height="216" id="vzvd-401491" mozallowfullscreen name="vzvd-401491" src="//view.vzaar.com/401491/player" title="vzaar video player" type="text/html" webkitAllowFullScreen width="384"></iframe>
<div> <object data="http://view.vzaar.com/401491/flashplayer" height="216" id="vzvd-401491" type="application/x-shockwave-flash" width="384"> <param name="wmode" value="transparent" /> <param name="allowFullScreen" value="true" /> <param name="movie" value="http://view.vzaar.com/401491/flashplayer" /> <param name="flashvars" value="endLink=vzaar.com%2Fsignup&showplaybutton=true&border=none&endText=Sign+Up+For+A+FREE+TRIAL+or+call+our+sales+team+on+1-877-831-7110" /> <param name="allowScriptAccess" value="always" /> <video controls height="216" id="vzvid" onclick="this.play();" poster="http://view.vzaar.com/401491/image" preload="none" src="http://view.vzaar.com/401491/video" width="384"> </video> </object> </div>