60pt
ページに埋め込んであるこのコードがそうです。
jQueryを使って書かれています。
ページを読み込んだ後flashを埋め込んで
clickイベントですすんでいくとplayMovie()で再生されるようです。
function getFlashMovie(movieName) { if (navigator.appName.indexOf("Microsoft") != - 1) { return window[movieName]; } else { return document[movieName]; } } function movieOver() { $('.overlay').hide(); $('#share-content').show(); $('.disclaimer').show(); $('#movie-container') .hide(); } function init_map(divId, latitude, longitude, zoom) { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById(divId)); map.setCenter(new GLatLng(latitude, longitude), zoom, G_SATELLITE_MAP); map.addControl(new GSmallZoomControl3D()); icon = new GIcon(G_DEFAULT_ICON); var markerData = {}; markerData.icon = icon; var clientPoint = new GLatLng(-33.892932394195235, 151.27830505371094); var clientMarker = new GMarker(clientPoint, markerData); GEvent.addListener(clientMarker, "click", function () { map.zoomIn(); }); map.addOverlay(clientMarker); map.disableDragging(); map.disableDoubleClickZoom(); map.disableScrollWheelZoom(); map.disablePinchToZoom(); /*gpoint = new GMarker(new GLatLng(latitude, longitude), {draggable: true}); map.addOverlay(gpoint);*/ var pointSW = new GLatLng(-33.89499, 151.277179); var pointNE = new GLatLng(-33.891318, 151.282326); var groundOverlay = new GGroundOverlay( "http://www.australiancoastalwatch.com.au/sharks_new.png", new GLatLngBounds(pointSW, pointNE)); map.addOverlay(groundOverlay); var zoomEventListener = GEvent.bind(map, "zoomend", this, function (oldzoom, newzoom) { $("#map_zoom").val(newzoom); // Add call to show + play video here. if (newzoom >= 17) { $('#map_canvas').hide(); $('#main-content').hide(); $('body').append('<div class="overlay"></div>'); $('.overlay') .css('position', 'absolute') .css('top', 0) .css('left', 0) .css('background', '#000') .css('z-index', '50') .css('height', $(document).height() + 600) .css('width', $(document).width()); $('#movie-container') .css('z-index', '100') .css('height', $(window).height()) .css('width', $(window).width()) .css('left', '0') .css('top', '0'); getFlashMovie("movie").playMovie(); } }); } } $(document).ready(function () { init_map("map_canvas", - 33.892504914541284, 151.27779006958008, 13); // Add overlay for movie. var flashvars = {}; var params = {}; params.bgcolor = "#000000"; var attributes = {}; swfobject.embedSWF("video.swf", "movie", "100%", "100%", "9.0.0", false, flashvars, params, attributes); });
jQuery: The Write Less, Do More, JavaScript Library
ありがとうございました!