html - Using javascript to write an iframe for a widget - best practices / limitations? -


i'm in middle of development of third-party widget of sorts (an html5/js video player), designed embeddable on third-party sites seamlessly, works in conjunction flash player (the html5/js player in case fallback).

to allow external embedding via single gateway, we're offering embed code looks this:

<script src="http://example.com/embed.php?id=12345678&width=400&height=300"></script>

note .php extension. script perform basic browser agent detection, run bit of backend logic based on 'id' query string, , echo javascript document.write's page actual embed code.

if it's flash-enabled device, document.write code straight <object> flash embed code (no iframe; straight page); if it's ios device, writes <iframe>, src points html document is html5/javascript player -- own .js in <head>, set of <div>s in body make html5/js player, etc.

i'm sure can cleaned / done better. so, questions:

  1. what steps, if any, can or should removed?

  2. is idea begin drop html5/js version iframe, rather write page directly? external .js needed, use in <head>? also, in future, we're need 2-way communication our site (same domain iframe src), iframe offers way allow this, correct?

  3. are there scope issues need worried if loaded within iframe (for instance, our player's version of jquery conflicting what's on third-party parent page)?

  4. is there can/should ensure proper load order don't negatively affect third-party site while our script loads/executes?

  5. is there better/smarter option using document.write write final embed code third-party page (whether it's flash's <object> code or html5/js's <iframe>)? should writing code div include original js line, or safe document.write whatever container happens in?

thanks! javascript's scope issues , asynchronous behaviors have never been strong point of mine...

2,3) if using iframe, separate jquery library has loaded iframe. may enough reason use iframe (prevent version problems). cost of downloading jquery twice unnecessarily in cases.

5) document.write should avoided reasons mentioned unclenorton. however, it'd nice allow user embed without needing call js. approach consider pass in id of element want put player in script tag.

something like: <div id='my-video'></div> <script src="http://example.com/embed.php?id=12345678&width=400&height=300&nodeid=my-video"></script>

then script can hook domready/onload event , build html without document.write using

// should called onload handler document.getelementbyid('<?= $_get['nodeid']?>').innerhtml = myhtmlstring;

or through boring createelement appendchild calls


Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more