<h1 class="page">MoMA MULTIMEDIA</h1> <h1 class="custom-title">MoMA Multimedia</h1> <div id="player" class="JS_MediaPlayerLarge"> <div class="swiff"> <a href="/images/dynamic_content/exhibition_page/27524.jpg" class="image"></a> <a href="/explore/multimedia/videos/full/33/262.xml?language=en" class="asset"></a> </div> <div class="info"> <div class="scrollable"> <small class="type">Video</small> <h2>MoMA Film Trailer: Pépé le Moko</h2> <p>Pépé le Moko. 1937. France. Directed by Julien Duvivier. Screenplay by Henri La Barthe, Julien Duvivier. With Jean Gabin, Mireille Balin, Marcel Dalio. Duvivier’s most influential film stars Gabin as a suave Parisian jewel thief who eludes capture by taking refuge in the Casbah—the mysterious, labyrinthine quarter of Algiers that embodies the exotic, and erotic, Arabian nights of our colonialist imagination. Graham Greene rhapsodized, "I cannot remember [a picture] which has succeeded so admirably in raising the thriller to a poetic level," and French film critic André Bazin observed, "With Gabin…death is, after all, at the end of the adventure, implacably awaiting its appointment. The fate of Gabin is precisely to be duped by life." In French; English subtitles. 94 min. </p> </div> <form action="./" class="share"> <a href="#" class="selected" rel="permalink"><small>Permalink</small></a> <a href="#" rel="embed"><small>Embed</small></a> <label id="embed-toggle"> <input type="checkbox" name="embed_toggle" /> <small>Old embed code</small> </label> <br class="clear" /> <input type="text" name="permalink" value="http://www.moma.org/explore/multimedia/videos/33/262" id="permalink" class="selected copy-paste" /> <input type="text" name="embed" value="&lt;iframe src=&quot;//www.moma.org/videos/embed/33/262&quot; width=&quot;480&quot; height=&quot;360&quot; frameborder=&quot;0&quot; allowfullscreen=&quot;allowfullscreen&quot;&gt;&lt;/iframe&gt; " data-embed="&lt;object width=&quot;480&quot; height=&quot;360&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;/embed/videos/embed/33/262&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;&lt;param name=&quot;wMode&quot; value=&quot;opaque&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;/embed/videos/embed/33/262&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; wmode=&quot;opaque&quot; width=&quot;480&quot; height=&quot;360&quot;&gt;&lt;/embed&gt;&lt;/object&gt;" data-iframe="&lt;iframe src=&quot;//www.moma.org/videos/embed/33/262&quot; width=&quot;480&quot; height=&quot;360&quot; frameborder=&quot;0&quot; allowfullscreen=&quot;allowfullscreen&quot;&gt;&lt;/iframe&gt; " id="embed" class="copy-paste" /> </form> </div> <br class="clear" /> </div> <!--googleoff: index--> <div id="playlist" class="JS_MediaPlaylist"> <div class="playlist-tabs"> <a href="#playlist" class="first selected" rel="tab-playlist">Playlist</a> <br class="clear" /> </div> <div id="tab-playlist" class="tab selected"> <h3>Film Trailers: Julien Duvivier (2)</h3> <div class="bottom-border"></div> <ol class="scrollable" > <li> <a href="/explore/multimedia/videos/33/261" class="media" rel="/explore/multimedia/videos/full/33/261.xml?language="> <span class="image"> <img alt="&lt;i&gt;La Bandera.&lt;/i&gt; 1935. France. Directed by Julien Duvivier" src="/images/dynamic_content/media_thumb/28922.gif?1404314122" /> </span> <span class="info"> <h4>MoMA Film Trailer: La Bandera </h4> </span> <br class="clear" /> </a> </li> <li> <a href="/explore/multimedia/videos/33/262" class="media playing" rel="/explore/multimedia/videos/full/33/262.xml?language="> <span class="image"> <img alt="MoMA Film" src="/images/dynamic_content/media_thumb/27524.jpg?1404314121" /> </span> <span class="info"> <h4>MoMA Film Trailer: Pépé le Moko </h4> </span> <br class="clear" /> </a> </li> </ol> </div> </div> <br class="clear" /> <!--googleoff: index--> <div id="channels" class="JS_MediaChannels"> <div class="header"> <h3>MoMA Channels</h3> </div> <div class="position"> <small class="title">Select</small> <a href="#" class="back disabled">&lt;</a> <br class="clear" /> </div> <div class="holder"> <ol id="group-0" class="slider"> <li><a href="#featured" class="default selected featured" rel="group-0">Featured Content</a></li> <li><a href="#most-recent" class="most-recent">Most Recent</a></li> <li><a href="#audio" rel="group-1">Audio</a> <ol id="group-1"> <li><a href="#audios-all" class="default audios-all">All Audio</a></li> <li><a href="#audios-adult-programs-all" rel="group-1-1">MoMA Talks</a> <ol id="group-1-1"> <li><a href="#audios-adult-programs-all" class="default audios-adult-programs-all">All MoMA Talks</a></li> <li><a href="#audios-adult-programs-brown-bag" class="audios-adult-programs-brown-bag">Brown Bag Lunch Lectures</a></li> <li><a href="#audios-adult-programs-conversations" class="audios-adult-programs-conversations">Conversations with Artists</a></li> <li><a href="#audios-adult-programs-performances" class="audios-adult-programs-performances">Poetry and Performances</a></li> <li><a href="#audios-adult-programs-special-exhibitions" class="audios-adult-programs-special-exhibitions">Special Exhibitions Programs</a></li> <li><a href="#audios-adult-programs-symposia" class="audios-adult-programs-symposia">Symposia</a></li> </ol> </li> <li><a href="#" rel="group-1-2">Special Exhibitions</a> <ol id="group-1-2"> <li><a href="#audios-special-exhibitions-all" class="default audios-special-exhibitions-all">All Special Exhibitions</a></li> <li><a href="#audios-special-exhibitions-current" class="audios-special-exhibitions-current">Current</a></li> <li><a href="#audios-special-exhibitions-past" class="audios-special-exhibitions-past">Past</a></li> </ol> </li> <li><a href="#audios-modern-voices-all" class="default audios-modern-voices-all">Collection</a></li> <!--<a href="#" rel="group-1-3">Collection</a>--> <!--<ol id="group-1-3"> <li><a href="#audios-modern-voices-all" class="default audios-modern-voices-all">All Collection</a></li> <li><a href="#audios-modern-voices-on-view" class="audios-modern-voices-on-view">On View</a></li> </ol> </li>--> <li><a href="#audios-modern-kids-all" class="default audios-modern-kids-all">Kids</a></li> <!--<a href="#" rel="group-1-4">Kids</a> <ol id="group-1-4"> <li><a href="#audios-modern-kids-all" class="default audios-modern-kids-all">All Kids</a></li> <li><a href="#audios-modern-kids-on-view" class="audios-modern-kids-on-view">On View</a></li> </ol> </li>--> <li><a href="#audios-visual-descriptions-all" class="default audios-visual-descriptions-all">Visual Descriptions</a></li> <!--<a href="#" rel="group-1-5">Visual Descriptions</a> <ol id="group-1-5"> <li><a href="#audios-visual-descriptions-all" class="default audios-visual-descriptions-all">Visual Descriptions</a></li> <li><a href="#audios-visual-descriptions-on-view" class="audios-visual-descriptions-on-view">On View</a></li> </ol> </li>--> <!--<li><a href="#audios-red-studio-all" class="default audios-red-studio-all">Teens</a></li>--> <!--<a href="#" rel="group-1-6">Teens</a> <ol id="group-1-6"> <li><a href="#audios-red-studio-all" class="default audios-red-studio-all">All Teens</a></li> <li><a href="#audios-red-studio-on-view" class="audios-red-studio-on-view">On View</a></li> </ol> </li>--> </ol> </li> <li><a href="#" rel="group-2">Videos</a> <ol id="group-2"> <li><a href="#videos-all" class="default videos-all">All Videos</a></li> <li><a href="#videos-current-exhibitions" class="videos-current-exhibitions">Current Exhibitions</a></li> <li><a href="#videos-past-exhibitions" class="videos-past-exhibitions">Past Exhibitions</a></li> <li><a href="#videos-film-trailers" class="videos-film-trailers">Film Trailers</a></li> <li><a href="#videos-adult-programs" class="videos-adult-programs">Adult Programs</a></li> <li><a href="#videos-poprally" class="videos-poprally">PopRally</a></li> <li><a href="#videos-special-projects" class="videos-special-projects">Special Projects</a></li> </ol> </li> <li><a href="#" rel="group-3">Interactive</a> <ol id="group-3"> <li><a href="#interactives-all" class="default interactives-all">All Interactive</a></li> <li><a href="#interactives-current-exhibitions" class="interactives-current-exhibitions">Current Exhibition Sites</a></li> <li><a href="#interactives-past-exhibitions" class="interactives-past-exhibitions">Past Exhibition Sites</a></li> <li><a href="#interactives-online-projects" class="interactives-online-projects">Online Projects</a></li> <li><a href="#interactives-destination" class="interactives-destination">Destination: Modern Art</a></li> <li><a href="#interactives-moma-learning" class="interactives-moma-learning">MoMA Learning</a></li> <li><a href="#interactives-red-studio" class="interactives-red-studio">Red Studio, A Site for Teens</a></li> <li><a href="#interactives-art-safari" class="interactives-art-safari">Art Safari</a></li> </ol> </li> </ol> </div> </div> <!--googleon: index--> <div id="packages" class="JS_MediaPackages"> <div class="header"> <h3 class="breadcrumbs"><a href="#">Multimedia</a></h3> <div class="controls"> <a href="#" class="prev disabled">&lt;</a> <a href="#" class="next">&gt;</a> <br class="clear" /> </div> <br class="clear" /> </div> <div class="holder"> <div class="slider"> </div> <div id="channel-loading">Loading...</div> </div> </div> <br class="clear" /> <!--googleon: index-->