CINXE.COM

National Theatre Live

<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js ie lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js ie lt-ie9 lt-ie8" xmlns:fb="http://ogp.me/ns/fb#"> <![endif]--> <!--[if IE 8]> <html class="no-js ie lt-ie9"> <![endif]--> <!--[if gt IE 9]> <html class="no-js ie"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://ntlive.nationaltheatre.org.uk/","20150529012455","https://web.archive.org/","web","/_static/", "1432862695"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>National Theatre Live</title> <meta name="viewport" content="width=device-width"> <script type="text/javascript">(window.NREUM||(NREUM={})).loader_config={xpid:"XAICWVJbGwYIVlNQDwE="};window.NREUM||(NREUM={}),__nr_require=function(t,e,n){function r(n){if(!e[n]){var o=e[n]={exports:{}};t[n][0].call(o.exports,function(e){var o=t[n][1][e];return r(o?o:e)},o,o.exports)}return e[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<n.length;o++)r(n[o]);return r}({QJf3ax:[function(t,e){function n(t){function e(e,n,a){t&&t(e,n,a),a||(a={});for(var c=s(e),f=c.length,u=i(a,o,r),d=0;f>d;d++)c[d].apply(u,n);return u}function a(t,e){f[t]=s(t).concat(e)}function s(t){return f[t]||[]}function c(){return n(e)}var f={};return{on:a,emit:e,create:c,listeners:s,_events:f}}function r(){return{}}var o="nr@context",i=t("gos");e.exports=n()},{gos:"7eSDFh"}],ee:[function(t,e){e.exports=t("QJf3ax")},{}],3:[function(t){function e(t){try{i.console&&console.log(t)}catch(e){}}var n,r=t("ee"),o=t(1),i={};try{n=localStorage.getItem("__nr_flags").split(","),console&&"function"==typeof console.log&&(i.console=!0,-1!==n.indexOf("dev")&&(i.dev=!0),-1!==n.indexOf("nr_dev")&&(i.nrDev=!0))}catch(a){}i.nrDev&&r.on("internal-error",function(t){e(t.stack)}),i.dev&&r.on("fn-err",function(t,n,r){e(r.stack)}),i.dev&&(e("NR AGENT IN DEVELOPMENT MODE"),e("flags: "+o(i,function(t){return t}).join(", ")))},{1:23,ee:"QJf3ax"}],4:[function(t){function e(t,e,n,i,s){try{c?c-=1:r("err",[s||new UncaughtException(t,e,n)])}catch(f){try{r("ierr",[f,(new Date).getTime(),!0])}catch(u){}}return"function"==typeof a?a.apply(this,o(arguments)):!1}function UncaughtException(t,e,n){this.message=t||"Uncaught error with no additional information",this.sourceURL=e,this.line=n}function n(t){r("err",[t,(new Date).getTime()])}var r=t("handle"),o=t(6),i=t("ee"),a=window.onerror,s=!1,c=0;t("loader").features.err=!0,t(5),window.onerror=e;try{throw new Error}catch(f){"stack"in f&&(t(1),t(2),"addEventListener"in window&&t(3),window.XMLHttpRequest&&XMLHttpRequest.prototype&&XMLHttpRequest.prototype.addEventListener&&window.XMLHttpRequest&&XMLHttpRequest.prototype&&XMLHttpRequest.prototype.addEventListener&&!/CriOS/.test(navigator.userAgent)&&t(4),s=!0)}i.on("fn-start",function(){s&&(c+=1)}),i.on("fn-err",function(t,e,r){s&&(this.thrown=!0,n(r))}),i.on("fn-end",function(){s&&!this.thrown&&c>0&&(c-=1)}),i.on("internal-error",function(t){r("ierr",[t,(new Date).getTime(),!0])})},{1:10,2:9,3:7,4:11,5:3,6:24,ee:"QJf3ax",handle:"D5DuLP",loader:"G9z0Bl"}],5:[function(t){t("loader").features.ins=!0},{loader:"G9z0Bl"}],6:[function(t){function e(){}if(window.performance&&window.performance.timing&&window.performance.getEntriesByType){var n=t("ee"),r=t("handle"),o=t(1),i=t(2);t("loader").features.stn=!0,t(3),n.on("fn-start",function(t){var e=t[0];e instanceof Event&&(this.bstStart=Date.now())}),n.on("fn-end",function(t,e){var n=t[0];n instanceof Event&&r("bst",[n,e,this.bstStart,Date.now()])}),o.on("fn-start",function(t,e,n){this.bstStart=Date.now(),this.bstType=n}),o.on("fn-end",function(t,e){r("bstTimer",[e,this.bstStart,Date.now(),this.bstType])}),i.on("fn-start",function(){this.bstStart=Date.now()}),i.on("fn-end",function(t,e){r("bstTimer",[e,this.bstStart,Date.now(),"requestAnimationFrame"])}),n.on("pushState-start",function(){this.time=Date.now(),this.startPath=location.pathname+location.hash}),n.on("pushState-end",function(){r("bstHist",[location.pathname+location.hash,this.startPath,this.time])}),"addEventListener"in window.performance&&(window.performance.addEventListener("webkitresourcetimingbufferfull",function(){r("bstResource",[window.performance.getEntriesByType("resource")]),window.performance.webkitClearResourceTimings()},!1),window.performance.addEventListener("resourcetimingbufferfull",function(){r("bstResource",[window.performance.getEntriesByType("resource")]),window.performance.clearResourceTimings()},!1)),document.addEventListener("scroll",e,!1),document.addEventListener("keypress",e,!1),document.addEventListener("click",e,!1)}},{1:10,2:9,3:8,ee:"QJf3ax",handle:"D5DuLP",loader:"G9z0Bl"}],7:[function(t,e){function n(t){i.inPlace(t,["addEventListener","removeEventListener"],"-",r)}function r(t){return t[1]}var o=(t(1),t("ee").create()),i=t(2)(o),a=t("gos");if(e.exports=o,n(window),"getPrototypeOf"in Object){for(var s=document;s&&!s.hasOwnProperty("addEventListener");)s=Object.getPrototypeOf(s);s&&n(s);for(var c=XMLHttpRequest.prototype;c&&!c.hasOwnProperty("addEventListener");)c=Object.getPrototypeOf(c);c&&n(c)}else XMLHttpRequest.prototype.hasOwnProperty("addEventListener")&&n(XMLHttpRequest.prototype);o.on("addEventListener-start",function(t){if(t[1]){var e=t[1];"function"==typeof e?this.wrapped=t[1]=a(e,"nr@wrapped",function(){return i(e,"fn-",null,e.name||"anonymous")}):"function"==typeof e.handleEvent&&i.inPlace(e,["handleEvent"],"fn-")}}),o.on("removeEventListener-start",function(t){var e=this.wrapped;e&&(t[1]=e)})},{1:24,2:25,ee:"QJf3ax",gos:"7eSDFh"}],8:[function(t,e){var n=(t(2),t("ee").create()),r=t(1)(n);e.exports=n,r.inPlace(window.history,["pushState"],"-")},{1:25,2:24,ee:"QJf3ax"}],9:[function(t,e){var n=(t(2),t("ee").create()),r=t(1)(n);e.exports=n,r.inPlace(window,["requestAnimationFrame","mozRequestAnimationFrame","webkitRequestAnimationFrame","msRequestAnimationFrame"],"raf-"),n.on("raf-start",function(t){t[0]=r(t[0],"fn-")})},{1:25,2:24,ee:"QJf3ax"}],10:[function(t,e){function n(t,e,n){t[0]=o(t[0],"fn-",null,n)}var r=(t(2),t("ee").create()),o=t(1)(r);e.exports=r,o.inPlace(window,["setTimeout","setInterval","setImmediate"],"setTimer-"),r.on("setTimer-start",n)},{1:25,2:24,ee:"QJf3ax"}],11:[function(t,e){function n(){f.inPlace(this,p,"fn-")}function r(t,e){f.inPlace(e,["onreadystatechange"],"fn-")}function o(t,e){return e}function i(t,e){for(var n in t)e[n]=t[n];return e}var a=t("ee").create(),s=t(1),c=t(2),f=c(a),u=c(s),d=window.XMLHttpRequest,p=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"];e.exports=a,window.XMLHttpRequest=function(t){var e=new d(t);try{a.emit("new-xhr",[],e),u.inPlace(e,["addEventListener","removeEventListener"],"-",o),e.addEventListener("readystatechange",n,!1)}catch(r){try{a.emit("internal-error",[r])}catch(i){}}return e},i(d,XMLHttpRequest),XMLHttpRequest.prototype=d.prototype,f.inPlace(XMLHttpRequest.prototype,["open","send"],"-xhr-",o),a.on("send-xhr-start",r),a.on("open-xhr-start",r)},{1:7,2:25,ee:"QJf3ax"}],12:[function(t){function e(t){var e=this.params,r=this.metrics;if(!this.ended){this.ended=!0;for(var i=0;c>i;i++)t.removeEventListener(s[i],this.listener,!1);if(!e.aborted){if(r.duration=(new Date).getTime()-this.startTime,4===t.readyState){e.status=t.status;var a=t.responseType,f="arraybuffer"===a||"blob"===a||"json"===a?t.response:t.responseText,u=n(f);if(u&&(r.rxSize=u),this.sameOrigin){var d=t.getResponseHeader("X-NewRelic-App-Data");d&&(e.cat=d.split(", ").pop())}}else e.status=0;r.cbTime=this.cbTime,o("xhr",[e,r,this.startTime])}}}function n(t){if("string"==typeof t&&t.length)return t.length;if("object"!=typeof t)return void 0;if("undefined"!=typeof ArrayBuffer&&t instanceof ArrayBuffer&&t.byteLength)return t.byteLength;if("undefined"!=typeof Blob&&t instanceof Blob&&t.size)return t.size;if("undefined"!=typeof FormData&&t instanceof FormData)return void 0;try{return JSON.stringify(t).length}catch(e){return void 0}}function r(t,e){var n=i(e),r=t.params;r.host=n.hostname+":"+n.port,r.pathname=n.pathname,t.sameOrigin=n.sameOrigin}if(window.XMLHttpRequest&&XMLHttpRequest.prototype&&XMLHttpRequest.prototype.addEventListener&&!/CriOS/.test(navigator.userAgent)){t("loader").features.xhr=!0;var o=t("handle"),i=t(2),a=t("ee"),s=["load","error","abort","timeout"],c=s.length,f=t(1);t(4),t(3),a.on("new-xhr",function(){this.totalCbs=0,this.called=0,this.cbTime=0,this.end=e,this.ended=!1,this.xhrGuids={}}),a.on("open-xhr-start",function(t){this.params={method:t[0]},r(this,t[1]),this.metrics={}}),a.on("open-xhr-end",function(t,e){"loader_config"in NREUM&&"xpid"in NREUM.loader_config&&this.sameOrigin&&e.setRequestHeader("X-NewRelic-ID",NREUM.loader_config.xpid)}),a.on("send-xhr-start",function(t,e){var r=this.metrics,o=t[0],i=this;if(r&&o){var f=n(o);f&&(r.txSize=f)}this.startTime=(new Date).getTime(),this.listener=function(t){try{"abort"===t.type&&(i.params.aborted=!0),("load"!==t.type||i.called===i.totalCbs&&(i.onloadCalled||"function"!=typeof e.onload))&&i.end(e)}catch(n){try{a.emit("internal-error",[n])}catch(r){}}};for(var u=0;c>u;u++)e.addEventListener(s[u],this.listener,!1)}),a.on("xhr-cb-time",function(t,e,n){this.cbTime+=t,e?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof n.onload||this.end(n)}),a.on("xhr-load-added",function(t,e){var n=""+f(t)+!!e;this.xhrGuids&&!this.xhrGuids[n]&&(this.xhrGuids[n]=!0,this.totalCbs+=1)}),a.on("xhr-load-removed",function(t,e){var n=""+f(t)+!!e;this.xhrGuids&&this.xhrGuids[n]&&(delete this.xhrGuids[n],this.totalCbs-=1)}),a.on("addEventListener-end",function(t,e){e instanceof XMLHttpRequest&&"load"===t[0]&&a.emit("xhr-load-added",[t[1],t[2]],e)}),a.on("removeEventListener-end",function(t,e){e instanceof XMLHttpRequest&&"load"===t[0]&&a.emit("xhr-load-removed",[t[1],t[2]],e)}),a.on("fn-start",function(t,e,n){e instanceof XMLHttpRequest&&("onload"===n&&(this.onload=!0),("load"===(t[0]&&t[0].type)||this.onload)&&(this.xhrCbStart=(new Date).getTime()))}),a.on("fn-end",function(t,e){this.xhrCbStart&&a.emit("xhr-cb-time",[(new Date).getTime()-this.xhrCbStart,this.onload,e],e)})}},{1:"XL7HBI",2:13,3:11,4:7,ee:"QJf3ax",handle:"D5DuLP",loader:"G9z0Bl"}],13:[function(t,e){e.exports=function(t){var e=document.createElement("a"),n=window.location,r={};e.href=t,r.port=e.port;var o=e.href.split("://");return!r.port&&o[1]&&(r.port=o[1].split("/")[0].split("@").pop().split(":")[1]),r.port&&"0"!==r.port||(r.port="https"===o[0]?"443":"80"),r.hostname=e.hostname||n.hostname,r.pathname=e.pathname,r.protocol=o[0],"/"!==r.pathname.charAt(0)&&(r.pathname="/"+r.pathname),r.sameOrigin=!e.hostname||e.hostname===document.domain&&e.port===n.port&&e.protocol===n.protocol,r}},{}],14:[function(t,e){function n(t){return function(){r(t,[(new Date).getTime()].concat(i(arguments)))}}var r=t("handle"),o=t(1),i=t(2);"undefined"==typeof window.newrelic&&(newrelic=window.NREUM);var a=["setPageViewName","addPageAction","setCustomAttribute","finished","addToTrace","inlineHit","noticeError"];o(a,function(t,e){window.NREUM[e]=n("api-"+e)}),e.exports=window.NREUM},{1:23,2:24,handle:"D5DuLP"}],"7eSDFh":[function(t,e){function n(t,e,n){if(r.call(t,e))return t[e];var o=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,e,{value:o,writable:!0,enumerable:!1}),o}catch(i){}return t[e]=o,o}var r=Object.prototype.hasOwnProperty;e.exports=n},{}],gos:[function(t,e){e.exports=t("7eSDFh")},{}],handle:[function(t,e){e.exports=t("D5DuLP")},{}],D5DuLP:[function(t,e){function n(t,e,n){return r.listeners(t).length?r.emit(t,e,n):(o[t]||(o[t]=[]),void o[t].push(e))}var r=t("ee").create(),o={};e.exports=n,n.ee=r,r.q=o},{ee:"QJf3ax"}],id:[function(t,e){e.exports=t("XL7HBI")},{}],XL7HBI:[function(t,e){function n(t){var e=typeof t;return!t||"object"!==e&&"function"!==e?-1:t===window?0:i(t,o,function(){return r++})}var r=1,o="nr@id",i=t("gos");e.exports=n},{gos:"7eSDFh"}],G9z0Bl:[function(t,e){function n(){var t=p.info=NREUM.info,e=f.getElementsByTagName("script")[0];if(t&&t.licenseKey&&t.applicationID&&e){s(d,function(e,n){e in t||(t[e]=n)});var n="https"===u.split(":")[0]||t.sslForHttp;p.proto=n?"https://":"http://",a("mark",["onload",i()]);var r=f.createElement("script");r.src=p.proto+t.agent,e.parentNode.insertBefore(r,e)}}function r(){"complete"===f.readyState&&o()}function o(){a("mark",["domContent",i()])}function i(){return(new Date).getTime()}var a=t("handle"),s=t(1),c=(t(2),window),f=c.document,u=(""+location).split("?")[0],d={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-632.min.js"},p=e.exports={offset:i(),origin:u,features:{}};f.addEventListener?(f.addEventListener("DOMContentLoaded",o,!1),c.addEventListener("load",n,!1)):(f.attachEvent("onreadystatechange",r),c.attachEvent("onload",n)),a("mark",["firstbyte",i()])},{1:23,2:14,handle:"D5DuLP"}],loader:[function(t,e){e.exports=t("G9z0Bl")},{}],23:[function(t,e){function n(t,e){var n=[],o="",i=0;for(o in t)r.call(t,o)&&(n[i]=e(o,t[o]),i+=1);return n}var r=Object.prototype.hasOwnProperty;e.exports=n},{}],24:[function(t,e){function n(t,e,n){e||(e=0),"undefined"==typeof n&&(n=t?t.length:0);for(var r=-1,o=n-e||0,i=Array(0>o?0:o);++r<o;)i[r]=t[e+r];return i}e.exports=n},{}],25:[function(t,e){function n(t){return!(t&&"function"==typeof t&&t.apply&&!t[i])}var r=t("ee"),o=t(1),i="nr@wrapper",a=Object.prototype.hasOwnProperty;e.exports=function(t){function e(t,e,r,a){function nrWrapper(){var n,i,s,f;try{i=this,n=o(arguments),s=r&&r(n,i)||{}}catch(d){u([d,"",[n,i,a],s])}c(e+"start",[n,i,a],s);try{return f=t.apply(i,n)}catch(p){throw c(e+"err",[n,i,p],s),p}finally{c(e+"end",[n,i,f],s)}}return n(t)?t:(e||(e=""),nrWrapper[i]=!0,f(t,nrWrapper),nrWrapper)}function s(t,r,o,i){o||(o="");var a,s,c,f="-"===o.charAt(0);for(c=0;c<r.length;c++)s=r[c],a=t[s],n(a)||(t[s]=e(a,f?s+o:o,i,s))}function c(e,n,r){try{t.emit(e,n,r)}catch(o){u([o,e,n,r])}}function f(t,e){if(Object.defineProperty&&Object.keys)try{var n=Object.keys(t);return n.forEach(function(n){Object.defineProperty(e,n,{get:function(){return t[n]},set:function(e){return t[n]=e,e}})}),e}catch(r){u([r])}for(var o in t)a.call(t,o)&&(e[o]=t[o]);return e}function u(e){try{t.emit("internal-error",e)}catch(n){}}return t||(t=r),e.inPlace=s,e.flag=i,e}},{1:24,ee:"QJf3ax"}]},{},["G9z0Bl",4,12,6,5]);</script> <!-- Le styles --> <link href="https://web.archive.org/web/20150529012455cs_/http://d2z302fz6vkyr7.cloudfront.net/css/normalize.min.css" media="screen" rel="stylesheet" type="text/css"> <link href="https://web.archive.org/web/20150529012455cs_/http://d2z302fz6vkyr7.cloudfront.net/css/jquery.fancybox.css" media="screen" rel="stylesheet" type="text/css"> <link href="https://web.archive.org/web/20150529012455cs_/http://d2z302fz6vkyr7.cloudfront.net/css/cookies.min.css" media="screen" rel="stylesheet" type="text/css"> <link href="https://web.archive.org/web/20150529012455cs_/http://d2z302fz6vkyr7.cloudfront.net/css/main.css" media="screen" rel="stylesheet" type="text/css"> <link href="https://web.archive.org/web/20150529012455cs_/http://d2z302fz6vkyr7.cloudfront.net/css/grid.css" media="screen" rel="stylesheet" type="text/css"> <link href="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"> <!-- Scripts --> <script type="text/javascript" src="https://web.archive.org/web/20150529012455js_/http://d2z302fz6vkyr7.cloudfront.net/js/vendor/modernizr-2.6.2.min.js"></script> <script type="text/javascript"> //<!-- var popUpConfig = []; //--> </script> <!--[if !IE]><!--><script> if (/*@cc_on!@*/false) { document.documentElement.className+=' ie10'; } </script><!--<![endif]--> </head> <body class="" data-twttr-rendered="true"> <!-- Google Tag Manager --> <noscript><iframe src="//web.archive.org/web/20150529012455if_/http://www.googletagmanager.com/ns.html?id=GTM-5KDB85" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//web.archive.org/web/20150529012455/http://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5KDB85');</script> <!-- End Google Tag Manager --> <script> var versaTag = {}; versaTag.id = "941" versaTag.sync = 0 versaTag.dispType = "js" versaTag.ptcl = "HTTP" versaTag.bsUrl = "bs.serving-sys.com/BurstingPipe" //versaTag.mobile = 1 versaTag.activityParams = { //Custom parameters: }; versaTag.retargetParams = {}; versaTag.dynamicRetargetParams = {}; versaTag.conditionalParams = {}; </script> <script id="ebOneTagUrlId" src="https://web.archive.org/web/20150529012455js_/http://secure-ds.serving-sys.com/SemiCachedScripts/ebOneTag.js"></script> <noscript> <iframe src="https://web.archive.org/web/20150529012455if_/http://bs.serving-sys.com/BurstingPipe?cn=ot&amp;onetagid=941&amp;ns=1&amp;activityValues=$$Value=[Value]&amp;OrderID=[OrderID]&amp;ProductID=[ProductID]&amp;ProductInfo=[ProductInfo]&amp;Quantity=[Quantity]&amp;$$&amp;retargetingValues=$$&amp;dynamicRetargetingValues=$$&amp;acp=$$$$&amp;" style="display:none;width:0px;height:0px"></iframe> </noscript> <div class="" id="body-wrapper"> <nav class="primary desktop" role="navigation"> <ul class="clearfix"> <li> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions" class="haschild">What's on<span></span></a> <div class="dropdown" role="menu"> <h2>Now showing</h2> <ul> <li> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions/49348-man-and-superman"> <span> From 14 May <strong>Man and Superman</strong> </span> </a> </li><li> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions/9460-war-horse"> <span> From 27 February <strong>War Horse</strong> </span> </a> </li><li> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions/47823-behind-the-beautiful-forevers"> <span> From 12 March <strong>Behind the Beautiful Forevers</strong> </span> </a> </li><li> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions/ntlout9-a-view-from-the-bridge"> <span> From 26 March <strong>A View from the Bridge</strong> </span> </a> </li><li> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions/ntlout6-skylight"> <span> 23 October 2014 <strong>Skylight</strong> </span> </a> </li> </ul> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions"><span class="pointer right orange"></span>View all productions</a> </div> </li> <li> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues">Find a venue</a> </li> <li><a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/behind-the-scenes">Behind the scenes</a></li> <li><a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/about-us">About us</a></li> </ul> <a class="mobilenav expand" href=""></a> </nav> <div class="hero"> <header class="site clearfix" role="banner"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/" id="logo"> <div class="image" data-picture data-alt="National Theatre Live"> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/logo-desktop.png"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/logo-mobile.png" data-media="(min-width: 300px)"></div> <!-- <div data-src="http://d2z302fz6vkyr7.cloudfront.net/images/logo-retina.png" data-media="(min-width: 300px) and (-webkit-min-device-pixel-ratio: 2)"></div> --> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/logo-desktop.png" data-media="(min-width: 769px)"></div> <noscript><img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/logo-desktop.png" alt="National Theatre Live"></noscript> </div> </a> </header> <div class="backstretch"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/hero-spot/londonroadb_large.jpg" alt=""/> </div> <div class="content"> <h1>London Road: Live Film Premiere<span>Script by Alecky Blythe and music by Adam Cork, directed by Rufus Norris</span></h1> <p><a href="https://web.archive.org/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions/ntlout11-london-road-live-film-premiere"><span class="pointer right"></span>Find out more</a></p> <div class="trailer"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/media/video/season/556045ebb33b26a7328b4568" class="fancybox-content"> <div class="image"> <span></span> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/hero-spot-video/youtube_thumb.jpg" alt="Season trailer"/> </div> <h3>Watch the latest trailer</h3> </a> </div> </div> <div class="alert nudge-up"> <p>Experience the best of British theatre at a cinema near you <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/about-us"><span class="pointer right orange"></span>Find out more</a></p> </div> </div> <section class="location nudge-up"> <form action="" method="post"> <label for="searchBoxInput">What's on near me in</label> <div class="wrap clearfix"> <input role="search" type="text" name="search" id="searchBoxInput" value="San Francisco, United States" data-value="San Francisco, United States"><a class="go location-submit" href="#">Go</a> </div> </form> <p class="guessed">We've guessed your location, if it's wrong use the box above to tell us where you are</p> </section> <div class="content wrap clearfix"> <section class="productions four-plus"> <h1>Productions near you</h1> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions/49348-man-and-superman"> <article class="odd"> <div class="image" data-picture data-alt="Man and Superman"> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/MS_thumb.jpg"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/MS_square.jpg" data-media="(min-width: 300px)"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/MS_thumb.jpg" data-media="(min-width: 481px)"></div> <noscript><img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/MS_thumb.jpg" alt="Man and Superman"></noscript> </div> <div class="meta clearfix"> <div class="wrap"> <div class="status">From 14 May</div> <h1>Man and Superman</h1> <p>Info and tickets</p> <span class="go"><span></span></span> </div> </div> </article> </a> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions/47823-behind-the-beautiful-forevers"> <article class="even"> <div class="image" data-picture data-alt="Behind the Beautiful Forevers"> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/BTBF_thumb.jpg"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/BTBF_square.jpg" data-media="(min-width: 300px)"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/BTBF_thumb.jpg" data-media="(min-width: 481px)"></div> <noscript><img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/BTBF_thumb.jpg" alt="Behind the Beautiful Forevers"></noscript> </div> <div class="meta clearfix"> <div class="wrap"> <div class="status">From 12 March</div> <h1>Behind the Beautiful Forevers</h1> <p>Info and tickets</p> <span class="go"><span></span></span> </div> </div> </article> </a> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions/ntlout13-the-audience"> <article class="odd"> <div class="image" data-picture data-alt="The Audience"> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/ntlive_the_audience15_q1_002_buttons_1200x676_v1.jpg"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/ntlive_the_audience15_q1_002_buttons_1200x1200_v1.jpg" data-media="(min-width: 300px)"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/ntlive_the_audience15_q1_002_buttons_1200x676_v1.jpg" data-media="(min-width: 481px)"></div> <noscript><img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/ntlive_the_audience15_q1_002_buttons_1200x676_v1.jpg" alt="The Audience"></noscript> </div> <div class="meta clearfix"> <div class="wrap"> <div class="status">From 25 June 2015</div> <h1>The Audience</h1> <p>Info and tickets</p> <span class="go"><span></span></span> </div> </div> </article> </a> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions/50433-everyman"> <article class="even"> <div class="image" data-picture data-alt="Everyman"> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/everyman_thumb.jpg"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/everyman_square.jpg" data-media="(min-width: 300px)"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/everyman_thumb.jpg" data-media="(min-width: 481px)"></div> <noscript><img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/everyman_thumb.jpg" alt="Everyman"></noscript> </div> <div class="meta clearfix"> <div class="wrap"> <div class="status">From 16 July</div> <h1>Everyman</h1> <p>Info and tickets</p> <span class="go"><span></span></span> </div> </div> </article> </a> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions/ntlout9-a-view-from-the-bridge"> <article class="odd"> <div class="image" data-picture data-alt="A View from the Bridge"> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/nt_live_site_-_view_from_the_bridge_thumb.jpg"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/nt_live_site_-_view_from_the_bridge_square.jpg" data-media="(min-width: 300px)"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/nt_live_site_-_view_from_the_bridge_thumb.jpg" data-media="(min-width: 481px)"></div> <noscript><img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/nt_live_site_-_view_from_the_bridge_thumb.jpg" alt="A View from the Bridge"></noscript> </div> <div class="meta clearfix"> <div class="wrap"> <div class="status">From 26 March</div> <h1>A View from the Bridge</h1> <p>Info and tickets</p> <span class="go"><span></span></span> </div> </div> </article> </a> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions/50441-the-beaux-stratagem"> <article class="even"> <div class="image" data-picture data-alt="The Beaux' Stratagem"> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/beaux_stratagem_thumb.jpg"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/beaux_stratagem_square.jpg" data-media="(min-width: 300px)"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/beaux_stratagem_thumb.jpg" data-media="(min-width: 481px)"></div> <noscript><img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/beaux_stratagem_thumb.jpg" alt="The Beaux' Stratagem"></noscript> </div> <div class="meta clearfix"> <div class="wrap"> <div class="status">UK &amp; Europe: From 3 September</div> <h1>The Beaux' Stratagem</h1> <p>Info and tickets</p> <span class="go"><span></span></span> </div> </div> </article> </a> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions/ntlout10-hamlet"> <article class="odd"> <div class="image" data-picture data-alt="Hamlet"> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/ntliveweb_hamlet_thumb.jpg"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/ntliveweb_hamlet_square.jpg" data-media="(min-width: 300px)"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/ntliveweb_hamlet_thumb.jpg" data-media="(min-width: 481px)"></div> <noscript><img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/ntliveweb_hamlet_thumb.jpg" alt="Hamlet"></noscript> </div> <div class="meta clearfix"> <div class="wrap"> <div class="status">From 15 October</div> <h1>Hamlet</h1> <p>Info and tickets</p> <span class="go"><span></span></span> </div> </div> </article> </a> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions/ntlout12-coriolanus"> <article class="even"> <div class="image" data-picture data-alt="Coriolanus"> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/ntlive_template-thumb_0.jpg"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/ntlive_template-square_0.jpg" data-media="(min-width: 300px)"></div> <div data-src="https://web.archive.org/web/20150529012455oe_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/ntlive_template-thumb_0.jpg" data-media="(min-width: 481px)"></div> <noscript><img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/productions/ntlive_template-thumb_0.jpg" alt="Coriolanus"></noscript> </div> <div class="meta clearfix"> <div class="wrap"> <div class="status">UK: From 24 September</div> <h1>Coriolanus</h1> <p>Info and tickets</p> <span class="go"><span></span></span> </div> </div> </article> </a><script> var popUpConfig = []; </script><div class="clearfix"></div><p><a role="button" class="block" href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/productions">View all productions<span class="go"><span></span></span></a></p> </section> <section id="venues"> <h1>Venues near you</h1> <div role="navigation" class="map" id="map_canvas" style="width: 100%; height: 178px;"> </div> <div class="venues-loader loader"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/loader.gif" alt="loader"/> <p>loading venues</p> </div> <ol id="page-1"><li id="venue-2004133118-sundance-kabuki"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004133118-sundance-kabuki" class="venue clearfix fancybox-venue" data-latitude="37.785133" data-longitude="-122.432732" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/a.png" width="16" height="24" alt="Pin a"/> <div> <h2>Sundance Kabuki</h2> <p>Within 1.5 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2111064524-van-ness-14-with-imax"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2111064524-van-ness-14-with-imax" class="venue clearfix fancybox-venue" data-latitude="37.785152" data-longitude="-122.420825" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/b.png" width="16" height="24" alt="Pin b"/> <div> <h2>Van Ness 14 with IMAX</h2> <p>Within 2.5 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2004081974-century-9-san-francisco-centre-with-xd"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004081974-century-9-san-francisco-centre-with-xd" class="venue clearfix fancybox-venue" data-latitude="37.785023" data-longitude="-122.406509" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/c.png" width="16" height="24" alt="Pin c"/> <div> <h2>Century 9 San Francisco Centre with XD</h2> <p>Within 3 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2004081971-daly-city-20-with-xd"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004081971-daly-city-20-with-xd" class="venue clearfix fancybox-venue" data-latitude="37.702539" data-longitude="-122.470378" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/d.png" width="16" height="24" alt="Pin d"/> <div> <h2>Daly City 20 with XD</h2> <p>Within 5.5 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2004081981-century-theatres-at-tanforan-with-xd"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004081981-century-theatres-at-tanforan-with-xd" class="venue clearfix fancybox-venue" data-latitude="37.638075" data-longitude="-122.418246" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/e.png" width="16" height="24" alt="Pin e"/> <div> <h2>Century Theatres at Tanforan with XD</h2> <p>Within 10 miles</p> </div> <span class="go"><span></span></span> </a> </li></ol><ol id="page-2" style="display: none;"><li id="venue-2004133026-lark-theater"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004133026-lark-theater" class="venue clearfix fancybox-venue" data-latitude="37.93699" data-longitude="-122.53501" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/a.png" width="16" height="24" alt="Pin a"/> <div> <h2>Lark Theater</h2> <p>Within 11.5 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2004133065-rialto-cinemas-cerrito"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004133065-rialto-cinemas-cerrito" class="venue clearfix fancybox-venue" data-latitude="37.90182" data-longitude="-122.303063" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/b.png" width="16" height="24" alt="Pin b"/> <div> <h2>Rialto Cinemas Cerrito</h2> <p>Within 12 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2004133066-rialto-cinemas-elmwood"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004133066-rialto-cinemas-elmwood" class="venue clearfix fancybox-venue" data-latitude="37.861887" data-longitude="-122.253614" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/c.png" width="16" height="24" alt="Pin c"/> <div> <h2>Rialto Cinemas Elmwood</h2> <p>Within 12.5 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2004081969-san-mateo-downtown"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004081969-san-mateo-downtown" class="venue clearfix fancybox-venue" data-latitude="37.566118" data-longitude="-122.322101" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/d.png" width="16" height="24" alt="Pin d"/> <div> <h2>San Mateo Downtown</h2> <p>Within 16.5 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2004081975-san-rafael-regency-6"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004081975-san-rafael-regency-6" class="venue clearfix fancybox-venue" data-latitude="38.018601" data-longitude="-122.531599" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/e.png" width="16" height="24" alt="Pin e"/> <div> <h2>San Rafael Regency 6</h2> <p>Within 17 miles</p> </div> <span class="go"><span></span></span> </a> </li></ol><ol id="page-3" style="display: none;"><li id="venue-2004081973-walnut-creek-14-with-xd"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004081973-walnut-creek-14-with-xd" class="venue clearfix fancybox-venue" data-latitude="37.896461" data-longitude="-122.061833" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/a.png" width="16" height="24" alt="Pin a"/> <div> <h2>Walnut Creek 14 with XD</h2> <p>Within 23.5 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2004081980-century-20-downtown-redwood-city-with-xd"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004081980-century-20-downtown-redwood-city-with-xd" class="venue clearfix fancybox-venue" data-latitude="37.485762" data-longitude="-122.228602" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/b.png" width="16" height="24" alt="Pin b"/> <div> <h2>Century 20 Downtown Redwood City with XD</h2> <p>Within 24 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2004081972-pleasant-hill-downtown-16-with-xd"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004081972-pleasant-hill-downtown-16-with-xd" class="venue clearfix fancybox-venue" data-latitude="37.944423" data-longitude="-122.061958" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/c.png" width="16" height="24" alt="Pin c"/> <div> <h2>Pleasant Hill Downtown 16 with XD</h2> <p>Within 24.5 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2004081968-union-city-union-landing-25"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004081968-union-city-union-landing-25" class="venue clearfix fancybox-venue" data-latitude="37.599282" data-longitude="-122.067619" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/d.png" width="16" height="24" alt="Pin d"/> <div> <h2>Union City Union Landing 25</h2> <p>Within 25 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2091007541-guild-theatre"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2091007541-guild-theatre" class="venue clearfix fancybox-venue" data-latitude="37.45254" data-longitude="-122.181199" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/e.png" width="16" height="24" alt="Pin e"/> <div> <h2>Guild Theatre</h2> <p>Within 27.5 miles</p> </div> <span class="go"><span></span></span> </a> </li></ol><ol id="page-4" style="display: none;"><li id="venue-2004082257-hacienda-crossings-21-with-imax"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004082257-hacienda-crossings-21-with-imax" class="venue clearfix fancybox-venue" data-latitude="37.702964" data-longitude="-121.885561" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/a.png" width="16" height="24" alt="Pin a"/> <div> <h2>Hacienda Crossings 21 with IMAX</h2> <p>Within 32 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2101238857-century-pacific-commons"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2101238857-century-pacific-commons" class="venue clearfix fancybox-venue" data-latitude="37.501106" data-longitude="-121.970912" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/b.png" width="16" height="24" alt="Pin b"/> <div> <h2>Century Pacific Commons</h2> <p>Within 33 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2101238864-century-silverado"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2101238864-century-silverado" class="venue clearfix fancybox-venue" data-latitude="38.281391" data-longitude="-122.278523" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/c.png" width="16" height="24" alt="Pin c"/> <div> <h2>Century Silverado</h2> <p>Within 36 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2004081834-cupertino-16-with-imax"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004081834-cupertino-16-with-imax" class="venue clearfix fancybox-venue" data-latitude="37.326859" data-longitude="-122.015013" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/d.png" width="16" height="24" alt="Pin d"/> <div> <h2>Cupertino 16 with IMAX</h2> <p>Within 40 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2036396458-brentwood-14"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2036396458-brentwood-14" class="venue clearfix fancybox-venue" data-latitude="37.943603" data-longitude="-121.739614" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/e.png" width="16" height="24" alt="Pin e"/> <div> <h2>Brentwood 14</h2> <p>Within 41 miles</p> </div> <span class="go"><span></span></span> </a> </li></ol><ol id="page-5" style="display: none;"><li id="venue-2004081977-cinearts-santana-row-6"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004081977-cinearts-santana-row-6" class="venue clearfix fancybox-venue" data-latitude="37.319044" data-longitude="-121.948307" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/a.png" width="16" height="24" alt="Pin a"/> <div> <h2>Cinearts Santana Row 6</h2> <p>Within 42.5 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2004081979-san-jose-oakridge-20-with-xd"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004081979-san-jose-oakridge-20-with-xd" class="venue clearfix fancybox-venue" data-latitude="37.25293" data-longitude="-121.862438" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/b.png" width="16" height="24" alt="Pin b"/> <div> <h2>San Jose Oakridge 20 with XD</h2> <p>Within 49 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2022594343-del-mar-theatre"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2022594343-del-mar-theatre" class="venue clearfix fancybox-venue" data-latitude="36.97256" data-longitude="-122.0252" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/c.png" width="16" height="24" alt="Pin c"/> <div> <h2>Del Mar Theatre</h2> <p>Within 61 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2103266749-lodi-stadium-12"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2103266749-lodi-stadium-12" class="venue clearfix fancybox-venue" data-latitude="38.135669" data-longitude="-121.274653" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/d.png" width="16" height="24" alt="Pin d"/> <div> <h2>Lodi Stadium 12</h2> <p>Within 69.5 miles</p> </div> <span class="go"><span></span></span> </a> </li><li id="venue-2004081952-laguna-16"> <a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues/2004081952-laguna-16" class="venue clearfix fancybox-venue" data-latitude="38.418272" data-longitude="-121.404431" data-fancybox-type="ajax" rel="venues"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/pins/e.png" width="16" height="24" alt="Pin e"/> <div> <h2>Laguna 16</h2> <p>Within 72.5 miles</p> </div> <span class="go"><span></span></span> </a> </li></ol> <div class="pagination clearfix"> <h2>Page <span class="page-of">1</span> of 5</h2> <ul id="venue-pages"> <li class="current">1</li><li><a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venue/page/2" class="venue-pagination" data-page="2">2</a></li><li><a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venue/page/3" class="venue-pagination" data-page="3">3</a></li><li><a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venue/page/4" class="venue-pagination" data-page="4">4</a></li><li><a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venue/page/5" class="venue-pagination" data-page="5">5</a></li> </ul> </div> <script> var initialMarkers = new Array(); initialMarkers[0] = { lat: 37.785133, lng: -122.432732, title: "Sundance Kabuki", icon: 'https://web.archive.org/web/20150529012455/http://d2z302fz6vkyr7.cloudfront.net/images/pins/a.png', url: '/venues/2004133118-sundance-kabuki', id: 'venue-2004133118-sundance-kabuki' }; initialMarkers[1] = { lat: 37.785152, lng: -122.420825, title: "Van Ness 14 with IMAX", icon: 'https://web.archive.org/web/20150529012455/http://d2z302fz6vkyr7.cloudfront.net/images/pins/b.png', url: '/venues/2111064524-van-ness-14-with-imax', id: 'venue-2111064524-van-ness-14-with-imax' }; initialMarkers[2] = { lat: 37.785023, lng: -122.406509, title: "Century 9 San Francisco Centre with XD", icon: 'https://web.archive.org/web/20150529012455/http://d2z302fz6vkyr7.cloudfront.net/images/pins/c.png', url: '/venues/2004081974-century-9-san-francisco-centre-with-xd', id: 'venue-2004081974-century-9-san-francisco-centre-with-xd' }; initialMarkers[3] = { lat: 37.702539, lng: -122.470378, title: "Daly City 20 with XD", icon: 'https://web.archive.org/web/20150529012455/http://d2z302fz6vkyr7.cloudfront.net/images/pins/d.png', url: '/venues/2004081971-daly-city-20-with-xd', id: 'venue-2004081971-daly-city-20-with-xd' }; initialMarkers[4] = { lat: 37.638075, lng: -122.418246, title: "Century Theatres at Tanforan with XD", icon: 'https://web.archive.org/web/20150529012455/http://d2z302fz6vkyr7.cloudfront.net/images/pins/e.png', url: '/venues/2004081981-century-theatres-at-tanforan-with-xd', id: 'venue-2004081981-century-theatres-at-tanforan-with-xd' }; </script> <a class="block" href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/venues">View all venues<span class="go"><span></span></span></a> </section> </div> <footer class="site clearfix"> <div class="wrap clearfix"> <img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/footer/footer06.png" alt="" id="bts-image"/> <section class="inspire"> <div> <h1>Behind the Scenes</h1> <p>Discover additional videos, podcasts and information about theatre-making</p> <p><a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/behind-the-scenes"><span class="pointer right orange"></span>Explore now</a></p> </div> </section> <section class="connect"> <div> <h1>Stay up to date</h1> <p>Follow our broadcasts from stage to screen with exclusive backstage updates</p> </div> <nav class="social"> <ul> <li class="facebook"> <a href="https://web.archive.org/web/20150529012455/http://www.facebook.com/ntlive" class="external">Like us on Facebook</a> </li> <li class="twitter"> <a href="https://web.archive.org/web/20150529012455/https://twitter.com/ntlive" class="external">Follow us on Twitter</a> </li> <li class="mail"> <a href="https://web.archive.org/web/20150529012455/https://secure.nationaltheatre.org.uk/ntliveRegister" class="external">Join our mailing list</a> </li> </ul> </nav> </section> </div> <div class="sponsor clearfix"> <a href="https://web.archive.org/web/20150529012455/http://www.artscouncil.org.uk/" class="ace external"><img src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/ace.png" alt="Supported by Arts Council England"/></a> <a href="https://web.archive.org/web/20150529012455/https://secure.nationaltheatre.org.uk/ntliveRegister" class="aviva external" target="_blank"><img class="sponsor" src="https://web.archive.org/web/20150529012455im_/http://d2z302fz6vkyr7.cloudfront.net/images/ntlive_signup-113x108.png" alt="Signup for email updates"/></a> </div> <ul class="internal" role="navigation"> <li><a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/feedback">Feedback</a></li> <li><a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/show-our-broadcasts">Show our broadcasts</a></li> <li><a href="https://web.archive.org/web/20150529012455/http://microsites.nationaltheatre.org.uk/ntlivepress" target="_blank">Press &amp; Marketing</a></li> </ul> <ul class="legal" role="contentinfo"> <li><a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/privacy">Privacy</a></li> <li><a class="edit-cookieconsent-settings" href="#">Cookie settings</a></li> <li><a href="/web/20150529012455/http://ntlive.nationaltheatre.org.uk/accessibility">Accessibility</a></li> <li><a href="https://web.archive.org/web/20150529012455/http://www.nationaltheatre.org.uk/" class="external">National Theatre</a></li> </ul> </footer> </div> <script src="//web.archive.org/web/20150529012455js_/http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="https://web.archive.org/web/20150529012455/http://d2z302fz6vkyr7.cloudfront.net/js/vendor/jquery-1.8.3.min.js"><\/script>')</script> <script src="https://web.archive.org/web/20150529012455js_/http://d2z302fz6vkyr7.cloudfront.net/js/cookies.js"></script> <script type="text/javascript" src="//web.archive.org/web/20150529012455js_/http://s7.addthis.com/js/300/addthis_widget.js?domready=1#pubid=xa-50f6da9132a0c781"></script> <script src="https://web.archive.org/web/20150529012455js_/http://d2z302fz6vkyr7.cloudfront.net/js/plugins.js"></script> <!--[if IE]> <script src="/js/columns.js"></script> <!--<![endif]--> <script src="https://web.archive.org/web/20150529012455js_/http://d2z302fz6vkyr7.cloudfront.net/js/main.js"></script> <script src="/web/20150529012455js_/http://ntlive.nationaltheatre.org.uk/js/popup.js"></script> <script type="text/javascript"> $(function(){ var cookieconsent = $.cookieconsent({ edit_settings_element: $('.edit-cookieconsent-settings') }); }); </script> <script src="//web.archive.org/web/20150529012455js_/http://fast.fonts.com/jsapi/ecd8eaec-d676-4b01-b4d1-c24b5956ee37.js"></script> <script type="text/javascript" src="//web.archive.org/web/20150529012455js_/http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"></script> <script type="text/javascript"> //<!-- var map = null;var marker;var markers = [];var gEvents = [];var gEventsOver = [];var gEventsOut = [];var pins = new Array('a', 'b', 'c', 'd', 'e');function initializeGoogleMap(latlng) { $('.venues-loader').show(); $('#venues ol').hide(); $('#venues div.pagination').hide(); if (latlng == '') { latlng = new google.maps.LatLng( 37.781101226807, -122.46250152588 ); } console.log("Lat " + 37.781101226807); console.log("Long " + -122.46250152588); console.log("Latlng"); console.log(latlng); var mapOptions = { center: latlng, zoom: 12, mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeControl: false, streetViewControl: false }; map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); var bounds = new google.maps.LatLngBounds(); initialMarkers = []; current_request = $.get('/load-five-performances', { center:{latitude:latlng.lat(), longitude:latlng.lng()} }, function(data) { $(data.results).each(function (i,e){ initialMarkers[i] = { lat: e.coordinates.latitude, lng: e.coordinates.longitude, title: e.name, icon: 'https://web.archive.org/web/20150529012455/http://d2z302fz6vkyr7.cloudfront.net/images/pins/' + pins[i] + '.png', url: '/venues/' + e.slug, id: 'venue-' + e.slug }; }); if (initialMarkers.length > 0) { console.log("Extend bounds"); asyncLoop( initialMarkers.length, function(loop){ markerLatLng = new google.maps.LatLng( initialMarkers[loop.iteration()].lat, initialMarkers[loop.iteration()].lng ); console.log("markerLatLng: " + markerLatLng); bounds.extend(markerLatLng); marker = new google.maps.Marker({ position: markerLatLng, map: map, title: initialMarkers[loop.iteration()].title, icon: initialMarkers[loop.iteration()].icon, id: initialMarkers[loop.iteration()].id, url: initialMarkers[loop.iteration()].url }); markers.push( marker ); loop.next(); }, function(){ bounds.extend(latlng); map.fitBounds(bounds); } ); } }); console.log("Initial Bounds"); console.log("NorthEast" + bounds.getNorthEast()); console.log("SouthWest" + bounds.getSouthWest()); console.log(bounds); google.maps.event.addListener(map, 'idle', function() { updateVenues(); }); var loadLoop = 0; var set_center = false; var current_request = null; function updateVenues(){ console.log("update venues"); if(current_request) { current_request.abort(); current_request = null; console.log("request abort..."); } if (!set_center) { console.log("update Center: " + latlng); map.setCenter(latlng); set_center = true; } var bounds = map.getBounds(); console.log("Initial bounds"); var c1 = bounds.getNorthEast(); var c2 = bounds.getSouthWest(); var center_point = map.getCenter(); console.log("NorthEast: " + c1); console.log("SouthWest: " + c2); console.log("Center Point: " + center_point); current_request = $.get('/box-load', { c1:{ latitude:c1.lat(), longitude:c1.lng() }, c2:{ latitude:c2.lat(), longitude:c2.lng() }, center:{latitude:center_point.lat(), longitude:center_point.lng()} }, function(data) { console.log(data); $.each(markers, function(index, value) { value.setMap(null); }); markers = []; console.log("Results"); console.log(data); $('#venues ol').remove(); var mybounds = map.getBounds(); for (var inc = 5; inc <= (data.results.length + 5); inc += 5) { var display = ''; if ((inc / 5) != 1) { display = 'style="display: none;"'; } var venueList = $('<ol id="page-' + (inc / 5) + '" ' + display + '>'); var results = data.results.slice((inc - 5), 5); var pinIndex = 0; for (index = (inc - 5); index < inc; index++) { if (data.results[index] != undefined) { var value = data.results[index]; tmplatlng = new google.maps.LatLng( value.coordinates.latitude, value.coordinates.longitude ); var markerIndex = markers.length; $('<li/>').attr('id', 'venue-' + value.slug).html( '<a href="/venues/' + value.slug + '" ' + 'class="venue clearfix fancybox-venue pinswitch" data-pin="' + pins[pinIndex] + '" data-marker="' + markerIndex + '" data-latitude="' + value.coordinates.latitude + '"' + 'data-longitude="' + value.coordinates.longitude + '" data-fancybox-type="ajax" rel="venues">' + '<img src="https://web.archive.org/web/20150529012455/http://d2z302fz6vkyr7.cloudfront.net/images/pins/' + pins[pinIndex] + '.png" width="16" height="24" alt="Pin" />' + '<div>' + '<h2>' + value.name + '</h2>' + '<p>Within ' + (Math.round( value.distanceInMiles * 2 ) / 2) + ' miles</p>' + '</div><span class="go"><span></span></span></a>' ).appendTo(venueList); icon = 'https://web.archive.org/web/20150529012455/http://d2z302fz6vkyr7.cloudfront.net/images/pins/pin.png'; if (index < 5) { if (loadLoop == 0) { mybounds.extend(tmplatlng); } icon = 'https://web.archive.org/web/20150529012455/http://d2z302fz6vkyr7.cloudfront.net/images/pins/' + pins[pinIndex] + '.png'; marker = new google.maps.Marker({ position: tmplatlng, map: map, title: value.name, icon: icon, url: '/venues/' + value.slug, id: 'venue-' + value.slug, 'class': 'fancybox-venue', venue: '/venues/' + value.slug }); } else { marker = new google.maps.Marker({ position: tmplatlng, map: map, title: value.name, icon: icon, id: 'venue-' + value.slug, venue: '/venues/' + value.slug }); } markers.push( marker ); pinIndex++; } } $('#venues .pagination').before(venueList); } loadLoop = 1; var totalPages = ((data.count / 5) > 5) ? 5 : (data.count / 5); if (totalPages == 0) { var venueList = $('<ol id="page-1">'); $('<li/>').addClass('errors').text( 'No venues found' ).appendTo(venueList); $('#venues .pagination').before(venueList); } $('#venue-pages *').remove(); for (var i = 1; i <= Math.ceil(totalPages); i++) { if (i == 1) { $('<li/>').addClass('current').text(i).appendTo('#venue-pages'); } else { $('<li/>').html('<a href="/venue/page/' + i + '" class="venue-pagination" data-page="' + i + '">' + i + '</a>').appendTo('#venue-pages'); } } $('.page-of').parent().html('Page <span class="page-of">1</span> of ' + Math.ceil(totalPages)); $('.venues-loader').hide(); $('#venues div.pagination').show(); if (totalPages == 0) { $('.pagination').hide(); } for ( i = 0; i < markers.length; i++ ) { if (markers[i]['class']){ gEvents[i] = google.maps.event.addListener(markers[i], 'click', function() { $.fancybox({ href: this.url, type: 'ajax', margin : [20, 0, 20, 0], fitToView : false, minWidth : '90%', maxWidth : 960, width : '90%', autoHeight : true, closeClick : false, openEffect : 'none', closeEffect : 'none', padding : 0, ajax: {dataType : 'html', headers : { 'X-fancybox': true } }, afterShow : function() { if ($(".addthis_toolbox").length) { addthis.toolbox( $(".addthis_toolbox").get() ); initGetUrl(); } initAddFavourite(); } }); }); gEventsOver[i] = google.maps.event.addListener(markers[i], 'mouseover', function() { $('#' + this.id).addClass('highlight'); this.setIcon('/images/pins/alt' + $('#' + this.id + ' a.pinswitch').data('pin') + '.png'); }); gEventsOut[i] = google.maps.event.addListener(markers[i], 'mouseout', function() { $('#' + this.id).removeClass('highlight'); this.setIcon('/images/pins/' + $('#' + this.id + ' a.pinswitch').data('pin') + '.png'); }); } else { gEvents[i] = google.maps.event.addListener(markers[i], 'click', function() { map.setCenter(this.getPosition()); }); } } initVenueFancybox(); if ($('.grid.production .mason').data('masonry')) { $('.grid.production .mason').masonry('reload'); } }); }} //--> </script> <div class="cookie-policy"> <div class="inner clearfix"> <p> The cookie settings on this website are set to 'allow all cookies' and you can review and change this using <a href="#" class="edit-cookieconsent-settings" title="Cookie policy">Cookie Settings</a>, or Accept and Close this bar. You can always update your settings at a later date. </p> <div class="cookieconsent-button-wrap"> <a id="settings-cookies" class="edit-cookieconsent-settings" href="#">Cookie Settings</a> <a id="accept-cookies" href="#">Accept and Close</a> </div> </div> </div> <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"3f8bce7a6e","applicationID":"5822280","transactionName":"ZVJWbBBZC0cAW0xaC1wYd00RTApZTnlIQwhbVFVMC1cLaCJXVkcWXVtYXRBkLFoFXUAcDVxTUUA=","queueTime":0,"applicationTime":443,"atts":"SRVVGlhDGEk=","errorBeacon":"bam.nr-data.net","agent":"js-agent.newrelic.com\/nr-632.min.js"}</script> <script type="text/javascript"> //<![CDATA[ (function() { var _analytics_scr = document.createElement('script'); _analytics_scr.type = 'text/javascript'; _analytics_scr.async = true; _analytics_scr.src = '/_Incapsula_Resource?SWJIYLWA=2977d8d74f63d7f8fedbea018b7a1d05&ns=2'; var _analytics_elem = document.getElementsByTagName('script')[0]; _analytics_elem.parentNode.insertBefore(_analytics_scr, _analytics_elem); })(); // ]]> </script></body> </html> <!-- FILE ARCHIVED ON 01:24:55 May 29, 2015 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 22:07:03 Dec 02, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.594 exclusion.robots: 0.03 exclusion.robots.policy: 0.019 esindex: 0.011 cdx.remote: 8.328 LoadShardBlock: 239.117 (3) PetaboxLoader3.datanode: 146.583 (4) PetaboxLoader3.resolve: 306.422 (3) load_resource: 249.726 -->

Pages: 1 2 3 4 5 6 7 8 9 10