Virtual Tours : 360 Video Tour : Stanford University

<!DOCTYPE html>     <html lang="en">  <head> <title>Virtual Tours : 360 Video Tour : Stanford University</title>   <script type="text/javascript"> if ( !!navigator.userAgent.match(/(iPod|iPhone|iPad)/i) ) { location.replace( 'https://www.youtube.com/watch?v=EqgFkNt2TJU&feature=youtu.be' ); } </script> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="Visitor Information Services at Stanford University--one of the world's leading research and teaching institutions. It is located in Palo Alto, California." /> <meta name="author" content="Visitor Information Services at Stanford University" /> <link rel="icon" type="image/png" href="https://www.stanford.edu/favicon.ico"/>   <link rel="stylesheet" href="../../assets/cardinal/css/bootstrap.min.css" type="text/css" /> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" /> <link rel="stylesheet" href="../../assets/cardinal/css/base.min.css?v=0.1" type="text/css" /> <link rel="stylesheet" href="../../assets/cardinal/css/custom.css?v=0.1" type="text/css"/> <script src="https://admission.stanford.edu/assets/cardinal/js/base.js?v=1.0"></script> <script src="https://admission.stanford.edu/assets/cardinal/js/banner.js?v=0.3"></script> <script src="https://admission.stanford.edu/assets/cardinal/js/custom.js"></script> <script src="https://admission.stanford.edu/assets/cardinal/js/jquery-mobile-1.3.2.js?v=0.3"></script> <link rel="stylesheet" href="https://admission.stanford.edu/assets/cardinal/css/video.css?ver=1.0.0" type="text/css" media="all" />    <style> /* this doesn't work - try another approach */ @media (max-width: 750px) { .popover { display: none !important; } } .maps iframe { pointer-events: none; } .video-container { padding-top: 0; } .panel.video-preview .video-container { position: relative; /*padding: 0;*/ } .panel.video-preview .video-container.playing:after { content: " "; width: 100%; height: 100%; min-height: 30%; background: #000000; transition: all 0.25s ease-out; z-index: 2; } .panel.video-preview .video-container:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .panel.video-preview .video-container:after { transition: all 0.25s ease-out; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: traslateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); content: " "; width: 100%; height: 100%; min-height: 30%; /*background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.2) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.2) 100%); background: linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.2) 100%);*/ z-index: 2; } .panel.video-preview .video-container video, .panel.video-preview .video-container .overlay-content { position: absolute; top: 50%; left: 50%; -webkit-transform: traslateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%; } .panel.video-preview .video-container iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 4; border: none; } .panel.video-preview .video-container video { width: 100%; z-index: 1; } .panel.video-preview .video-container video:before { width: 100%; position: absolute; content: " "; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; } .panel.video-preview .video-container video::-webkit-media-controls-play-button { display: none !important; } .panel.video-preview .video-container .overlay-content { text-align: center; width: auto; z-index: 3; } .panel.video-preview .video-container .overlay-content .btn.btn-primary.btn-lg { font-size: 5em; padding: .25em; margin: 0; background: none; border: none; color: #fff; opacity: .4; transition: opacity 0.25s ease-in-out; } .panel.video-preview .video-container .overlay-content .btn.btn-primary.btn-lg:hover { opacity: 0.9; } .panel.video-preview .video-container .overlay-content .btn.btn-primary.btn-lg:focus { opacity: 0.9; outline: auto; } @media (min-width: 768px) { .panel.video-preview .video-container .overlay-content .btn.btn-primary.btn-lg { font-size: 7em; } } .panel.video-preview .video-container .overlay-content .fa-play-circle { background: transparent; color: #fff; } h2 { font-size: 1.1em; font-weight: 600; } } </style>  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script src="../../assets/cardinal/js/modernizr.custom.17475.js"></script> <script src="../../assets/cardinal/js/bootstrap.min.js"></script>   <script src="../../assets/cardinal/js/base.js?v=1.0"></script> <script src="../../assets/cardinal/js/custom.js"></script> </head> <body class="home" onresize="changeMap()"> <div id="su-wrap">  <div id="su-content">   <script async src="https://www.googletagmanager.com/gtag/js?id=G-9RZVEPMZSD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-9RZVEPMZSD'); </script>  <div id="top"> <div class="container">  <div id="skip"> <a href="#content" onClick="$('#content').focus()">Skip to content</a> </div>  </div> </div>   <div id="header" class="clearfix" role="banner"> <div class="container"> <div class="row"> <div class="col-md-8">  <div id="logo" class="clearfix"> <a href="https://www.stanford.edu/"><img class="img-responsive" src="//visit.stanford.edu/assets/cardinal/images/stanford-white@2x.png" alt="Stanford University" /></a> </div>  <div id="signature"> <div id="site-name"> <a href="/"> <span id="site-name-1">Visitor Information</span> <span id="site-name-2">Optional line 2 - add two-line-signature to body class to display</span> </a> </div> </div> </div> </div> </div> </div>  <div id="mainmenu" class="clearfix" role="navigation" data-spy="affix" data-offset-top="60" data-offset-bottom="200"> <div class="container"> <div class="navbar navbar-default">  <button type="button" class="navbar-toggle btn-navbar" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="menu-text">Menu</span></button>  <div class="navbar-collapse collapse">  <div id="nav-search" role="search"> <form action="https://visit.stanford.edu/search/" method="get" id="search-form" accept-charset="UTF-8"> <h2 class="hidden">Search form</h2> <label class="hidden" for="search-field">Search term</label> <input name="cx" type="hidden" value="005252872952349847953:kny9yffw67s"> <input name="cof" type="hidden" value="FORID:9"> <input name="ie" type="hidden" value="UTF-8">  <input name="as_sitesearch" type="hidden" value="https://visit.stanford.edu/"> <input title="Search string" class="input-medium" placeholder="Search Visitor Info…" type="text" id="search-field" name="q" value="" size="15" maxlength="128" /> <button id="search-btn" type="submit" name="submit" aria-label="Search" formmethod="get"><i class="fa fa-search"></i></button> </form> </div> <div role="navigation"> <div id="primary-nav"> <ul class="nav navbar-nav" aria-label="primary navigation"> <li id="nav-home"> <a href="/">Home</a></li> <li id="nav-1"> <a href="/basics/">The Basics</a></li> <li id="nav-2"> <a href="/prospects/">Prospective Students</a></li> <li id="nav-3"> <a href="/explore-campus/">Explore Campus</a></li> </ul> </div> <div id="gateway-nav"> <h4><span class="fa fa-chevron-circle-right"></span>Related sites...</h4> <ul id="gateways" class="pull-right" aria-label="gateways"> <li id="nav-5"><a href="https://community.stanford.edu" title="Community Engagement">Community Engagement <i class="fa fa-external-link fa-fw"></i></a></li> </ul> </div> </div> </div>  </div>  </div>  </div>       <div id="content" class="container" role="main" tabindex="0"> <div class="row">  <div id="main-content" class="col-md-12" role="main">   <div class="well">   <div class="panel video-preview"> <div class="video-container"> <video id="background_video" class="viewportAutoPlay" poster="https://visit.stanford.edu/assets/cardinal/images/tours/vr_video_poster.jpg"> </video> <iframe title="Video" class="hidden" width="1600" height="900" src=" " allowfullscreen></iframe> <div class="overlay-content"> <a href="#" class="btn btn-primary btn-lg" data-video-url="https://www.youtube.com/embed/-C5NwTjd-bI"><span class="sr-only">Watch Video</span><i class="fa fa-play-circle"></i></a></div> </div> </div>  <br> <p>This 13-minute student-hosted virtual tour is best viewed at 1080s. For optimal experience, we suggest viewing on a mobile device or with cardboard or 360掳 glasses. Otherwise, you can navigate on a stationary monitor by clicking-and-dragging or by using the compass in the upper left. Welcome virtually to The Farm!</p> </div> <div class="container margin-bottom-30">  <h2 class="headline">Virtual Tours</h2> <div class="row" id="tours">  <div class="col-md-2 tour-item"> <div class="tour-img"><img src="../../assets/cardinal/images/tours/tour_360.jpg" class="img-responsive" alt="Main Quad" /></div> <div class="tour-text"> <h2 class="toc_current"><i class="fa fa-video-camera fa-1x"></i> 360° Video Tour</h2> <h5>Take a 360掳 guided video tour of the Stanford University campus.</h5> <p> </p> </div> </div> <div class="col-md-2 tour-item"> <div class="tour-img"><img src="../../assets/cardinal/images/tours/tour_campus_map3.jpg" class="img-responsive" alt="Campus Map" /></div> <div class="tour-text"> <h2><a href="walk.html"><i class="fa fa-compass fa-1x"></i> Virtual Campus Walk</a></h2> <p>Follow the path for a virtual self-guided walking tour featuring photos and information about many sites of central campus.</p> </div> </div> <div class="col-md-2 tour-item"> <div class="tour-img"><a href="freedom.html"><img src="../../assets/cardinal/images/tours/tour_freedom3.jpg" class="img-responsive" alt="Flowers at the Oval" /></a></div> <div class="tour-text"> <h2><a href="freedom.html"><i class="fa fa-camera-retro fa-1x"></i> Campus Photos</a></h2> <p>See how freedom translates into our people, our place and our mission in this slide show.</p> </div> </div> <div class="col-md-2 tour-item"> <div class="tour-img"><a href="residence.html"><img src="../../assets/cardinal/images/tours/tour_res_hall3.jpg" class="img-responsive" alt="Resident Hall" /></a></div> <div class="tour-text"> <h2><a href="residence.html"><i class="fa fa-home fa-1x"></i> Campus Living</a></h2> <p>Learn about Stanford residential life on this virtual tour of residences, dining halls and lounges.</p> </div> </div> <div class="col-md-2 tour-item"> <div class="tour-img"><a href="quad.html"><img src="../../assets/cardinal/images/tours/tour_quad3.jpg" class="img-responsive" alt="Around the Quad"/></a></div> <div class="tour-text"> <h2><a href="quad.html"><i class="fa fa-bicycle fa-1x"></i> Around the Quad</a></h2> <p>Sample the diverse opportunities at Stanford from a snapshot of fellow students passing through the quad.</p> </div> </div> <div class="col-md-2 tour-item"> <div class="tour-img"><a href="gardens/index.html"><img src="../../assets/cardinal/images/tours/tour_garden3.jpg" class="img-responsive" alt="Garden Tour"/></a></div> <div class="tour-text"> <h2><a href="gardens/index.html"><i class="fa fa-tree fa-1x"></i> Garden Tour</a></h2> <p>Discover the location of each garden on campus, including descriptions of the history, features, and notable plants.</p> </div> </div> <div class="col-12"> <h2 class="headline margin-bottom-20">See Also</h2> <ul style="margin-left: -15px;">  <li><a href="http://www.stanford.edu/group/stanfordbirds/Sci_Art_Nat_Walk_Podcast.html" target="_blank" class="external">Science Art Nature Walk</a> <p>Enjoy a Science Art Nature Walk podcast of the campus.</p> </li> <li><a href="http://itunes.apple.com/itunes-u/stanford-challenge-new-sights/id505343472" target="_blank" class="external">The Stanford Challenge: New Sights on Campus</a> <p>Take a long, easy stroll of new sights on campus鈥攈andsome buildings, flowering gardens, light-filled courtyards, shaded arcades—that begins and ends with art.</p> </li> </ul> </div> </div>  </div> </div> <span style="font-size:10px;">Updated on April 8, 2021 5:05 PM</span> </div>  </div>  </div>  </div>   <div id="footer" class="clearfix footer" role="contentinfo">  <div class="container"> <div id="footer-content" class="row"> <div class="col-xs-12 col-sm-3 col-sm-push-3"> <h3>Online Resources</h3>  <ul>  <li><a href="https://visit.stanford.edu/tours/virtual/">Virtual Tours</a></li>  <li><a href="https://uit.stanford.edu/stanford-mobile" target="_blank" class="external_shaded_bkg">Stanford Mobile App</a> </li> </ul> </div> <div class="col-xs-12 col-sm-3 col-sm-push-3"> <h3>Related Sites</h3> <ul> <li><a href="https://financialaid.stanford.edu" target="_blank" class="external_shaded_bkg">Financial Aid</a></li> <li><a href="https://admission.stanford.edu" target="_blank" class="external_shaded_bkg">Undergraduate Admission</a></li> </ul> </div> <div id="hp-buttons" class="col-xs-12 col-sm-3 col-sm-push-3"> <ul>   <li><a href="https://visit.stanford.edu/contact" class="btn btn-u btn-block" title="Contact Us link in footer"><i class="fa fa-comment-o"></i> <span>Contact Us</span></a> </li> </ul> </div> <div id="social-icons" class="col-xs-12 col-sm-3 col-sm-pull-9"> <h3>Connect with us</h3> <a href="https://www.facebook.com/stanford"><img alt="Facebook" src="//visit.stanford.edu/assets/cardinal/images/social/facebook@2x.png" /></a> <a href="http://twitter.com/stanford"><img alt="X" src="//visit.stanford.edu/assets/cardinal/images/social/X@2x.png" /></a> <a href="https://itunes.stanford.edu/"><img alt="iTunes" src="//visit.stanford.edu/assets/cardinal/images/social/apple@2x.png" /></a><a href="https://www.youtube.com/stanford"><img alt="YouTube" src="//visit.stanford.edu/assets/cardinal/images/social/youtube@2x.png" /></a><a href="https://instagram.com/stanford"><img alt="Instagram" src="//visit.stanford.edu/assets/cardinal/images/social/instagram@2x.png" /></a><a href="//futurity.org/university/stanford-university/"><img alt="Futurity" src="//visit.stanford.edu/assets/cardinal/images/social/futurity@2x.png" /></a> </div> </div> </div>   <div id="global-footer"> <div class="container"> <div class="row"> <div id="bottom-logo" class="col-xs-6 col-sm-2"> <a href="https://www.stanford.edu"> <img src="//visit.stanford.edu/assets/cardinal/images/footer-stanford-logo@2x.png" alt="Stanford University" width="120" height="56"/> </a> </div>  <div id="bottom-text" class="col-xs-6 col-sm-10"> <ul> <li class="home"><a href="https://www.stanford.edu">Stanford Home</a></li> <li class="maps alt"><a href="https://visit.stanford.edu/plan/">Maps & Directions</a></li> <li class="search-stanford"><a href="https://www.stanford.edu/search/">Search Stanford</a></li> <li class="emergency alt"><a href="https://emergency.stanford.edu">Emergency Info</a></li> </ul> <ul id="policy-links"> <li><a href="https://www.stanford.edu/site/terms/" title="Terms of use for sites">Terms of Use</a></li> <li><a href="https://www.stanford.edu/site/privacy/" title="Privacy and cookie policy">Privacy</a></li> <li><a href="https://uit.stanford.edu/security/copyright-infringement" title="Report alleged copyright infringement">Copyright</a></li> <li><a href="https://adminguide.stanford.edu/chapter-1/subchapter-5/policy-1-5-4" title="Ownership and use of Stanford trademarks and images">Trademarks</a></li> <li><a href="https://exploredegrees.stanford.edu/nonacademicregulations/nondiscrimination/" title="Non-discrimination policy">Non-Discrimination</a></li> <li><a href="https://www.stanford.edu/site/accessibility" title="Report web accessibility issues">Accessibility</a></li> </ul> </div>  <div class="clear"></div> <p class="copyright vcard col-sm-10">© <span class="fn org">Stanford University</span>. <span class="adr"> <span class="locality"> Stanford</span>, <span class="region">California</span> <span class="postal-code">94305</span></span>.</p> </div>  </div>  </div>  </div>  <script src="https://visit.stanford.edu/assets/cardinal/js/tracking.js?v=1.0"></script>  <script type="text/javascript"> $(window).on('scroll', function(){ var position = $(this).scrollTop(); if(position > 60) { $('#mainmenu').addClass('sticky-nav'); } else { $('#mainmenu').removeClass('sticky-nav'); } }); </script>   <script type="text/javascript"> /*<![CDATA[*/ (function() { var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//siteimproveanalytics.com/js/siteanalyze_80352.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); })(); /*]]>*/ </script>  <script> $(document).ready(function() { if($(window).width() >= 768) $('#CampusMapTour').attr("src","https://web.stanford.edu/group/lbre_apps_forms/Story_Map/Stanford_Campus_Tour_no-banner/index-no-banner.html"); if($(window).width() < 768) $('#CampusMapTour').attr("src","https://web.stanford.edu/group/lbre_apps_forms/Story_Map/Stanford_Campus_Tour/index.html"); }); function changeMap(){ if($(window).width() >= 768) $('#CampusMapTour').attr("src","https://web.stanford.edu/group/lbre_apps_forms/Story_Map/Stanford_Campus_Tour_no-banner/index-no-banner.html"); if($(window).width() < 768) $('#CampusMapTour').attr("src","https://web.stanford.edu/group/lbre_apps_forms/Story_Map/Stanford_Campus_Tour/index.html"); } </script> <script> $('.maps').click(function () { $('.maps iframe').css("pointer-events", "auto"); }); $( ".maps" ).mouseleave(function() { $('.maps iframe').css("pointer-events", "none"); }); </script> <script type="text/javascript" src="../../assets/cardinal/js/video-preview.js?ver=1.3.0"></script>  </body> </html>

CINXE.COM

Virtual Tours : 360 Video Tour : Stanford University