<div class="xblock xblock-public_view xblock-public_view-vertical" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@c9f7ee00428c4c91afbad5a241988244" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="vertical" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="VerticalStudentView">
<h2 class="hd hd-2 unit-title">Introduction to Day 10</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@c5d1f6c4c0d74dfc92a38b5398d58c94">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@c5d1f6c4c0d74dfc92a38b5398d58c94" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="html" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><strong style="text-rendering: optimizeLegibility; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-variant-numeric: inherit; font-stretch: inherit; line-height: 1.4em; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; vertical-align: baseline;"><span style="font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: normal;">Welcome to the module “Photography & Power I: The Philippine-American War.” Professor Genevieve Clutario (Harvard) will be joining the faculty for this unit. Throughout this module, we will look at the role of photography in cultural exchange and also in establishing the logic of American colonialism. What were the uses of the camera on and off the battlefield, for and against the imperialist cause? How did photography intersect with political commentary and cartooning, of the kind that we covered in the previous unit, in the Philippine-American War? Take a look at these images we will be covering, and then move on.</span></strong></p>
<p><strong style="text-rendering: optimizeLegibility; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-variant-numeric: inherit; font-stretch: inherit; line-height: 1.4em; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; vertical-align: baseline;">Warning on viewing historical images</strong><span style="font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;">: Images from the past can be offensive to view. By showing certain images or discussing certain topics, we do not endorse the views or opinions they present, but seek to understand the past, even when it is difficult to look at in the present. This course does not reflect the views of MIT, MITx, EdX or Visualizing Cultures.</span></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VPx+1T2019+type@html+block@064eac957c7d4ba0973e4168204de0f4">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@064eac957c7d4ba0973e4168204de0f4" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="html" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>
<script>// <![CDATA[
var data = [ '/assets/courseware/v1/3df1860c3f60b0b7e1c78a7c4215f569/asset-v1:MITx+VPx+1T2019+type@asset+block/9-us-pacifique.png', 'Map Expansion of US in Pacific Basin, c. 1900.',
'/assets/courseware/v1/022495986db170238e2728aba2efbddf/asset-v1:MITx+VPx+1T2019+type@asset+block/cb91-313_1899_July6_Life_eis_1500w.jpeg', '“The Harvest in the Philippines” Life, July 6, 1899. Artist: Frederick Thompson Richards',
'/assets/courseware/v1/85d9084dac9d0fa64ecded29276107f7/asset-v1:MITx+VPx+1T2019+type@asset+block/ph233_1899.jpg', '"Dead Filipino Soldiers Lie Where They Fell," 1899.']; //data has image name, then caption if applicable.
var captions = true; //set to false if you don't want captions, set to true if you do.
var sidebarOpen = false; //lets toggleSidebar function know whether it's open or not.
var bookmark = 0; //sets the album start on the index of data (first image)
function album(data,index){
$('#vpxMain').append("<div id='vpxOverlay'><img alt='' id='vpxImage' src='" + data[index] + "'/><button type='button' id='vpxLeft' onclick='turnPage(-2)' class='asText'><img alt='left button' src='/assets/courseware/v1/5f6befa3d9798df3a129c4f061fdfec0/asset-v1:MITx+VPx+1T2019+type@asset+block/left.png'/></button><button type='button' id='vpxRight' onclick='turnPage(2)' class='asText'><img alt='right button' src='/assets/courseware/v1/37f47577dcbcd2016ae60761c914b84f/asset-v1:MITx+VPx+1T2019+type@asset+block/right.png'/><button class='asText' id='vpxClose' onclick='closeAlbum()'><p style='color:white';>[X] Return to Thumbnails</p></button></div>"); //create the overlay. This is made to cover the avaliable space, and fixed so scrolling is ineffectual.
if(captions){ //only add sidebar if you want captions
$('#vpxOverlay').append("<div id='vpxSidebar'><p id='vpxVert' onclick='toggleSidebar()'><strong>Show Info</strong></p><p id='vpxData'>" + data[index+1] + "</p></div>");
}
bookmark = index
//need to make sure the sidebar is properly hidden with tab showing.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
toggleSidebar();
}
window.onresize = function(){
if(!sidebarOpen){ //only change the sidebar shift if it's still closed.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
}
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
}
function closeAlbum(){
$('#vpxOverlay').remove();
}
$(document).keyup(function(e) {
if (e.keyCode == 27) { // Esc
closeAlbum();
}
else if (e.keyCode == 39) {
turnPage(2);
}
else if (e.keyCode == 37) {
turnPage(-2);
}
});
function turnPage(direction){
bookmark += direction; //left calls this with -2, right calls it with +2
if(bookmark===-2){ //check if we're wrapping around the back of the album
bookmark = data.length - 2; //get to last item in data
}
if(bookmark===data.length){ //check if we're at the end and wrapping around to the front
bookmark = 0; //go back to the first item in data
}
$('#vpxImage').attr('src',data[bookmark]);
$('#vpxData').empty().append(data[bookmark+1]);
}
function toggleSidebar(){
if(sidebarOpen){ //if the sidebar is currently open
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').animate({'right':'-' + right + 'px'},function(){
sidebarOpen = false;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Show Info</strong></button>');
$('#vpxImage').css('max-height','100%');
});
}
else{ //if the sidebar is closed.
$('#vpxSidebar').animate({'right':'0px'},function(){
sidebarOpen = true;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Hide Info</strong></button>');
$('#vpxImage').css('max-height','70%');
});
}
}
// ]]></script>
</p>
<h3>Image Gallery</h3>
<style><!--
#vpxMain{
font-family:'open sans';
font-size:12pt;
}
#vpxOverlay{
position:fixed;
width:100%;
height:100%;
background:url('/assets/courseware/v1/6f040fbb4f806379997b7068fda1fe78/asset-v1:MITx+VPx+1T2019+type@asset+block/overlay.png') repeat;
top:0;
left:0;
z-index:999;
}
#vpxImage{
display:block;
margin:auto;
max-width:88%;
max-height:100%;
}
#vpxLeft{
position:absolute;
display:block;
top:45%;
left:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxRight{
position:absolute;
display:block;
top:45%;
right:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxClose{
position:absolute;
top:5px;
right:5px;
margin:0px 0px 0px 0px;
color:white;
font-family:'open sans';
cursor:pointer;
}
#vpxSidebar{
position:absolute;
bottom:0px;
width:100%;
height:30%;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
background-color:#E2E2E2;
}
#vpxVert{
position:relative;
display:inline-block;
float:left;
height:100%;
margin:0px 0px 0px 0px;
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Opera, Chrome, and Safari */
cursor:pointer;
}
#vpxData{
position:absolute;
left:40px;
right:40px;
height:90%;
overflow:auto;
}
.asText {
background:none;
border:none;
margin:0;
padding:0;
}
--></style>
<div id="vpxMain" style="overflow: hidden;">
<table style="width: 100%;">
<tbody>
<tr>
<td width="33%"><img href="#" tabindex="0" onclick="album(data,0)" style="cursor: pointer;" alt="Map of U.S. Expansion in the Pacific Basin: Philippines, Guam, Wake Midway, Hawaii, Johnston, Palmyra, Samoa" src="/assets/courseware/v1/3df1860c3f60b0b7e1c78a7c4215f569/asset-v1:MITx+VPx+1T2019+type@asset+block/9-us-pacifique.png" /></td>
<td width="33%"><img href="#" tabindex="0" onclick="album(data,2)" style="cursor: pointer;" alt="Uncle Sam, armed with a cannon and guns, standing in front of rows of dead Filipino soldiers." src="/assets/courseware/v1/5cc13cb6438c10059a63b89b341316ca/asset-v1:MITx+VPx+1T2019+type@asset+block/cb91-313_1899_july6_l_1b536.jpg" /></td>
<td width="33%"><img href="#" tabindex="0" onclick="album(data,4)" style="cursor: pointer;" alt="photograph of dead Filipino soldiers lying on a grass-covered path" src="/assets/courseware/v1/85d9084dac9d0fa64ecded29276107f7/asset-v1:MITx+VPx+1T2019+type@asset+block/ph233_1899.jpg" /></td>
</tr>
</tbody>
</table>
</div>
<p></p>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:MITx+VPx+1T2019+type@html+block@d37843980e224648a95ab9adb2f584c4">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@d37843980e224648a95ab9adb2f584c4" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="html" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><strong>Image Credits</strong></p>
<p>Map Expansion of US in Pacific Basin, c. 1900.</p>
<p>“The Harvest in the Philippines”<em> Life</em>, July 6, 1899. Artist: Frederick Thompson Richards.</p>
<p>“Dead Filipino Soldiers Lie Where They Fell,” 1899. Source: Library of Congress [<a href="http://www.loc.gov/pictures/item/cph3514/" target="[object Object]">view</a>]</p>
<p></p>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@2a50618b05d442df8b7e087c0d3abe10" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="vertical" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="VerticalStudentView">
<h2 class="hd hd-2 unit-title">Figure 2 Map</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@e230c34ae7174d09b1631848aae7b7df">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@e230c34ae7174d09b1631848aae7b7df" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="html" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>First, meet Professor Genevieve Clutario, who will be joining us for this module. Then, turn your attention to this map of American expansionism in the Pacific Basin at the turn of the 20th century. What happened in 1898 that led to the American campaign in the Philippines? Then, please complete the exercise.</p>
<p>
<script>// <![CDATA[
var data = [
'/assets/courseware/v1/3df1860c3f60b0b7e1c78a7c4215f569/asset-v1:MITx+VPx+1T2019+type@asset+block/9-us-pacifique.png','']; //data has image name, then caption if applicable.
var captions = false; //set to false if you don't want captions, set to true if you do.
///After here should stay where it is
var bookmark = 0;
var sidebarOpen = false; //lets toggleSidebar function know whether it's open or not.
//for(i=0;i<data.length;i+=2){ //function to add proper urls to everything
// data[i] = "https://files.edx.org/vjx/" + data[i];
//}
function album(data,index){
$('#vpxMain').append("<div id='vpxOverlay'><img alt='' id='vpxImage' src='" + data[index] + "'/><button type='button' id='vpxLeft' onclick='turnPage(-2)' class='asText'><img alt='left button' src='/assets/courseware/v1/5f6befa3d9798df3a129c4f061fdfec0/asset-v1:MITx+VPx+1T2019+type@asset+block/left.png'/></button><button type='button' id='vpxRight' onclick='turnPage(2)' class='asText'><img alt='right button' src='/assets/courseware/v1/37f47577dcbcd2016ae60761c914b84f/asset-v1:MITx+VPx+1T2019+type@asset+block/right.png'/><button class='asText' id='vpxClose' onclick='closeAlbum()'><p style='color:white';>[X] Return to Thumbnails</p></button></div>"); //create the overlay. This is made to cover the avaliable space, and fixed so scrolling is ineffectual.
if(captions){ //only add sidebar if you want captions
$('#vpxOverlay').append("<div id='vpxSidebar'><p id='vpxVert' onclick='toggleSidebar()'><strong>Show Info</strong></p><p id='vpxData'>"
+ data[index+1] + "</p></div>");
}
//EDITED HERE, INDEX STARTS AT 0
bookmark = index; //sets the album start on the 0 index of data (first image)
//need to make sure the sidebar is properly hidden with tab showing.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
toggleSidebar();
}
window.onresize = function(){
if(!sidebarOpen){ //only change the sidebar shift if it's still closed.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
}
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
}
function closeAlbum(){
$('#vpxOverlay').remove();
}
$(document).keyup(function(e) {
if (e.keyCode == 27) { // Esc
closeAlbum(); // or whatever you want
}
else if (e.keyCode == 39) {
turnPage(2);
}
else if (e.keyCode == 37) {
turnPage(-2);
}
});
function turnPage(direction){
bookmark += direction; //left calls this with -2, right calls it with +2
if(bookmark===-2){ //check if we're wrapping around the back of the album
bookmark = data.length - 2; //get to last item in data
}
if(bookmark===data.length){ //check if we're at the end and wrapping around to the front
bookmark = 0; //go back to the first item in data
}
$('#vpxImage').attr('src',data[bookmark]);
$('#vpxData').empty().append(data[bookmark+1]);
}
function toggleSidebar(){
if(sidebarOpen){ //if the sidebar is currently open
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').animate({'right':'-' + right + 'px'},function(){
sidebarOpen = false;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Show Info</strong></button>');
$('#vpxImage').css('max-height','100%');
});
}
else{ //if the sidebar is closed.
$('#vpxSidebar').animate({'right':'0px'},function(){
sidebarOpen = true;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Hide Info</strong></button>');
$('#vpxImage').css('max-height','70%');
});
}
}
// ]]></script>
</p>
<p></p>
<p><img href="#" tabindex="0" onclick="album(data,0)" alt="Map of U.S. Expansion in the Pacific Basin: Philippines, Guam, Wake Midway, Hawaii, Johnston, Palmyra, Samoa" src="/assets/courseware/v1/3df1860c3f60b0b7e1c78a7c4215f569/asset-v1:MITx+VPx+1T2019+type@asset+block/9-us-pacifique.png" width="60%" style="float: left; display: inline-block; margin-right: 10px; cursor: pointer;" /></p>
<div id="vpxMain" style="overflow: hidden;">
<p><span style="color: #4c4c4c; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12pt;">Map Expansion of US in Pacific Basin, c. 1900.</span></p>
</div>
<p></p>
<style><!--
#vpxMain{
font-family:'open sans';
font-size:12pt;
}
#vpxOverlay{
position:fixed;
width:100%;
height:100%;
background:url('/assets/courseware/v1/6f040fbb4f806379997b7068fda1fe78/asset-v1:MITx+VPx+1T2019+type@asset+block/overlay.png') repeat;
top:0;
left:0;
z-index:999;
}
#vpxImage{
display:block;
margin:auto;
max-width:88%;
max-height:100%;
}
#vpxLeft{
position:absolute;
display:block;
top:45%;
left:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxRight{
position:absolute;
display:block;
top:45%;
right:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxClose{
position:absolute;
top:5px;
right:5px;
margin:0px 0px 0px 0px;
color:white;
font-family:'open sans';
cursor:pointer;
}
#vpxSidebar{
position:absolute;
bottom:0px;
width:100%;
height:30%;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
background-color:#E2E2E2;
}
#vpxVert{
position:relative;
display:inline-block;
float:left;
height:100%;
margin:0px 0px 0px 0px;
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Opera, Chrome, and Safari */
cursor:pointer;
}
#vpxData{
position:absolute;
left:50px;
right:40px;
height:90%;
overflow:auto;
}
.asText {
; background:none;
border:none;
margin:0
padding:0;
}
--></style>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VPx+1T2019+type@video+block@2937e8f03c5b4ac783a7cfb05d83a374">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@video+block@2937e8f03c5b4ac783a7cfb05d83a374" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="video" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Video III-1: Map Expansion of US in Pacific Basin, c. 1900.</h3>
<div
id="video_2937e8f03c5b4ac783a7cfb05d83a374"
class="video closed"
data-metadata='{"end": 0.0, "speed": null, "ytTestTimeout": 1500, "publishCompletionUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@2937e8f03c5b4ac783a7cfb05d83a374/handler/publish_completion", "ytApiUrl": "https://www.youtube.com/iframe_api", "showCaptions": "true", "streams": "1.00:u_LXjpe9bfU", "poster": null, "saveStateEnabled": false, "start": 0.0, "completionPercentage": 0.95, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@2937e8f03c5b4ac783a7cfb05d83a374/handler/transcript/available_translations", "autoplay": false, "transcriptLanguages": {"en": "English"}, "autohideHtml5": false, "transcriptTranslationUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@2937e8f03c5b4ac783a7cfb05d83a374/handler/transcript/translation/__lang__", "ytMetadataEndpoint": "", "generalSpeed": 1.0, "lmsRootURL": "https://openlearninglibrary.mit.edu", "autoAdvance": false, "completionEnabled": false, "savedVideoPosition": 0.0, "saveStateUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@2937e8f03c5b4ac783a7cfb05d83a374/handler/xmodule_handler/save_user_state", "captionDataDir": null, "sources": [], "transcriptLanguage": "en", "recordedYoutubeIsAvailable": true, "prioritizeHls": false, "duration": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="2937e8f03c5b4ac783a7cfb05d83a374"></div>
<h4 class="hd hd-4 video-error is-hidden">No playable video sources found.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Your browser does not support this video format. Try using a different browser.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
<h3 class="hd hd-4 downloads-heading sr" id="video-download-transcripts_2937e8f03c5b4ac783a7cfb05d83a374">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_2937e8f03c5b4ac783a7cfb05d83a374">
<div class="wrapper-download-transcripts">
<h4 class="hd hd-5">Transcripts</h4>
<ul class="list-download-transcripts">
<li class="transcript-option">
<a class="btn btn-link" href="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@2937e8f03c5b4ac783a7cfb05d83a374/handler/transcript/download" data-value="srt">Download SubRip (.srt) file</a>
</li>
<li class="transcript-option">
<a class="btn btn-link" href="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@2937e8f03c5b4ac783a7cfb05d83a374/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:MITx+VPx+1T2019+type@video+block@ddc1da9b61eb444db7679700142b07f8">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@video+block@ddc1da9b61eb444db7679700142b07f8" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="video" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Video III-1: Part 2 - Philippine Perspective</h3>
<div
id="video_ddc1da9b61eb444db7679700142b07f8"
class="video closed"
data-metadata='{"end": 0.0, "speed": null, "ytTestTimeout": 1500, "publishCompletionUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@ddc1da9b61eb444db7679700142b07f8/handler/publish_completion", "ytApiUrl": "https://www.youtube.com/iframe_api", "showCaptions": "true", "streams": "1.00:EkpWrmYURe0", "poster": null, "saveStateEnabled": false, "start": 0.0, "completionPercentage": 0.95, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@ddc1da9b61eb444db7679700142b07f8/handler/transcript/available_translations", "autoplay": false, "transcriptLanguages": {"en": "English"}, "autohideHtml5": false, "transcriptTranslationUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@ddc1da9b61eb444db7679700142b07f8/handler/transcript/translation/__lang__", "ytMetadataEndpoint": "", "generalSpeed": 1.0, "lmsRootURL": "https://openlearninglibrary.mit.edu", "autoAdvance": false, "completionEnabled": false, "savedVideoPosition": 0.0, "saveStateUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@ddc1da9b61eb444db7679700142b07f8/handler/xmodule_handler/save_user_state", "captionDataDir": null, "sources": [], "transcriptLanguage": "en", "recordedYoutubeIsAvailable": true, "prioritizeHls": false, "duration": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="ddc1da9b61eb444db7679700142b07f8"></div>
<h4 class="hd hd-4 video-error is-hidden">No playable video sources found.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Your browser does not support this video format. Try using a different browser.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
<h3 class="hd hd-4 downloads-heading sr" id="video-download-transcripts_ddc1da9b61eb444db7679700142b07f8">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_ddc1da9b61eb444db7679700142b07f8">
<div class="wrapper-download-transcripts">
<h4 class="hd hd-5">Transcripts</h4>
<ul class="list-download-transcripts">
<li class="transcript-option">
<a class="btn btn-link" href="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@ddc1da9b61eb444db7679700142b07f8/handler/transcript/download" data-value="srt">Download SubRip (.srt) file</a>
</li>
<li class="transcript-option">
<a class="btn btn-link" href="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@ddc1da9b61eb444db7679700142b07f8/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:MITx+VPx+1T2019+type@problem+block@00034a92b1f14c7fb51c5a6c3844e352">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@problem+block@00034a92b1f14c7fb51c5a6c3844e352" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="problem" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="True" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_00034a92b1f14c7fb51c5a6c3844e352" class="problems-wrapper" role="group"
aria-labelledby="00034a92b1f14c7fb51c5a6c3844e352-problem-title"
data-problem-id="block-v1:MITx+VPx+1T2019+type@problem+block@00034a92b1f14c7fb51c5a6c3844e352" data-url="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@problem+block@00034a92b1f14c7fb51c5a6c3844e352/handler/xmodule_handler"
data-problem-score="0"
data-problem-total-possible="1"
data-attempts-used="0"
data-content="
<h3 class="hd hd-3 problem-header" id="00034a92b1f14c7fb51c5a6c3844e352-problem-title" aria-describedby="block-v1:MITx+VPx+1T2019+type@problem+block@00034a92b1f14c7fb51c5a6c3844e352-problem-progress" tabindex="-1">
Multiple Choice
</h3>
<div class="problem-progress" id="block-v1:MITx+VPx+1T2019+type@problem+block@00034a92b1f14c7fb51c5a6c3844e352-problem-progress"></div>
<div class="problem">
<div>
<div class="wrapper-problem-response" tabindex="-1" aria-label="Question 1" role="group"><div class="choicegroup capa_inputtype" id="inputtype_00034a92b1f14c7fb51c5a6c3844e352_2_1">
<fieldset aria-describedby="status_00034a92b1f14c7fb51c5a6c3844e352_2_1">
<legend id="00034a92b1f14c7fb51c5a6c3844e352_2_1-legend" class="response-fieldset-legend field-group-hd">Which of the following conflicts was referred to within the United States as &#8220;a splendid little war,&#8221; only to evolve into a brutal and extended struggle in the Pacific?</legend>
<div class="field">
<input type="radio" name="input_00034a92b1f14c7fb51c5a6c3844e352_2_1" id="input_00034a92b1f14c7fb51c5a6c3844e352_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="00034a92b1f14c7fb51c5a6c3844e352_2_1-choice_0-label" for="input_00034a92b1f14c7fb51c5a6c3844e352_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_00034a92b1f14c7fb51c5a6c3844e352_2_1"> The Philippine-American War
</label>
</div>
<div class="field">
<input type="radio" name="input_00034a92b1f14c7fb51c5a6c3844e352_2_1" id="input_00034a92b1f14c7fb51c5a6c3844e352_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="00034a92b1f14c7fb51c5a6c3844e352_2_1-choice_1-label" for="input_00034a92b1f14c7fb51c5a6c3844e352_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_00034a92b1f14c7fb51c5a6c3844e352_2_1"> The Spanish-American War
</label>
</div>
<span id="answer_00034a92b1f14c7fb51c5a6c3844e352_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_00034a92b1f14c7fb51c5a6c3844e352_2_1" data-tooltip="Not yet answered.">
<span class="sr">unanswered</span><span class="status-icon" aria-hidden="true"/>
</span>
</div>
</div></div>
</div>
<div class="action">
<input type="hidden" name="problem_id" value="Multiple Choice" />
<div class="submit-attempt-container">
<button type="button" class="submit btn-brand" data-submitting="Submitting" data-value="Submit" data-should-enable-submit-button="True" aria-describedby="submission_feedback_00034a92b1f14c7fb51c5a6c3844e352" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_00034a92b1f14c7fb51c5a6c3844e352">
<span class="sr">Some problems have options such as save, reset, hints, or show answer. These options follow the Submit button.</span>
</div>
</div>
<div class="problem-action-buttons-wrapper">
</div>
</div>
<div class="notification warning notification-gentle-alert
is-hidden"
tabindex="-1">
<span class="icon fa fa-exclamation-circle" aria-hidden="true"></span>
<span class="notification-message" aria-describedby="00034a92b1f14c7fb51c5a6c3844e352-problem-title">
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
<div class="notification warning notification-save
is-hidden"
tabindex="-1">
<span class="icon fa fa-save" aria-hidden="true"></span>
<span class="notification-message" aria-describedby="00034a92b1f14c7fb51c5a6c3844e352-problem-title">None
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
<div class="notification general notification-show-answer
is-hidden"
tabindex="-1">
<span class="icon fa fa-info-circle" aria-hidden="true"></span>
<span class="notification-message" aria-describedby="00034a92b1f14c7fb51c5a6c3844e352-problem-title">Answers are displayed within the problem
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
</div>
"
data-graded="True">
<p class="loading-spinner">
<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
<span class="sr">Loading…</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@5eb0817a3cc749bf9a7b10088d6c5ae2" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="vertical" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="VerticalStudentView">
<h2 class="hd hd-2 unit-title">Figure 3 Harvest</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@cd23f3950f2741e18626ed6e04db7200">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@cd23f3950f2741e18626ed6e04db7200" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="html" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Here, take a look again at the cartoon “The Harvest in the Philippines” from the previous unit, which underscores the brutality of the Philippine-American War. In this video, your professors discuss the war’s devastating impact, especially on the Philippines. For the Philippines, the war marked a major political turning point, persisted long past 1902, and raised critical questions about Filipino national identity. After you finish watching, please complete the exercise.</p>
<p>
<script>// <![CDATA[
var data = [
'/assets/courseware/v1/022495986db170238e2728aba2efbddf/asset-v1:MITx+VPx+1T2019+type@asset+block/cb91-313_1899_July6_Life_eis_1500w.jpeg','']; //data has image name, then caption if applicable.
var captions = false; //set to false if you don't want captions, set to true if you do.
///After here should stay where it is
var bookmark = 0;
var sidebarOpen = false; //lets toggleSidebar function know whether it's open or not.
//for(i=0;i<data.length;i+=2){ //function to add proper urls to everything
// data[i] = "https://files.edx.org/vjx/" + data[i];
//}
function album(data,index){
$('#vpxMain').append("<div id='vpxOverlay'><img alt='' id='vpxImage' src='" + data[index] + "'/><button type='button' id='vpxLeft' onclick='turnPage(-2)' class='asText'><img alt='left button' src='/assets/courseware/v1/5f6befa3d9798df3a129c4f061fdfec0/asset-v1:MITx+VPx+1T2019+type@asset+block/left.png'/></button><button type='button' id='vpxRight' onclick='turnPage(2)' class='asText'><img alt='right button' src='/assets/courseware/v1/37f47577dcbcd2016ae60761c914b84f/asset-v1:MITx+VPx+1T2019+type@asset+block/right.png'/><button class='asText' id='vpxClose' onclick='closeAlbum()'><p style='color:white';>[X] Return to Thumbnails</p></button></div>"); //create the overlay. This is made to cover the avaliable space, and fixed so scrolling is ineffectual.
if(captions){ //only add sidebar if you want captions
$('#vpxOverlay').append("<div id='vpxSidebar'><p id='vpxVert' onclick='toggleSidebar()'><strong>Show Info</strong></p><p id='vpxData'>"
+ data[index+1] + "</p></div>");
}
//EDITED HERE, INDEX STARTS AT 0
bookmark = index; //sets the album start on the 0 index of data (first image)
//need to make sure the sidebar is properly hidden with tab showing.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
toggleSidebar();
}
window.onresize = function(){
if(!sidebarOpen){ //only change the sidebar shift if it's still closed.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
}
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
}
function closeAlbum(){
$('#vpxOverlay').remove();
}
$(document).keyup(function(e) {
if (e.keyCode == 27) { // Esc
closeAlbum(); // or whatever you want
}
else if (e.keyCode == 39) {
turnPage(2);
}
else if (e.keyCode == 37) {
turnPage(-2);
}
});
function turnPage(direction){
bookmark += direction; //left calls this with -2, right calls it with +2
if(bookmark===-2){ //check if we're wrapping around the back of the album
bookmark = data.length - 2; //get to last item in data
}
if(bookmark===data.length){ //check if we're at the end and wrapping around to the front
bookmark = 0; //go back to the first item in data
}
$('#vpxImage').attr('src',data[bookmark]);
$('#vpxData').empty().append(data[bookmark+1]);
}
function toggleSidebar(){
if(sidebarOpen){ //if the sidebar is currently open
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').animate({'right':'-' + right + 'px'},function(){
sidebarOpen = false;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Show Info</strong></button>');
$('#vpxImage').css('max-height','100%');
});
}
else{ //if the sidebar is closed.
$('#vpxSidebar').animate({'right':'0px'},function(){
sidebarOpen = true;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Hide Info</strong></button>');
$('#vpxImage').css('max-height','70%');
});
}
}
// ]]></script>
</p>
<p></p>
<p><img href="#" tabindex="0" onclick="album(data,0)" alt="Uncle Sam, armed with a cannon and guns, standing in front of rows of dead Filipino soldiers." src="/assets/courseware/v1/022495986db170238e2728aba2efbddf/asset-v1:MITx+VPx+1T2019+type@asset+block/cb91-313_1899_July6_Life_eis_1500w.jpeg" width="60%" style="float: left; display: inline-block; margin-right: 10px; cursor: pointer;" /></p>
<div id="vpxMain" style="overflow: hidden;">
<p><span style="color: #4c4c4c; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;">“The Harvest in the Philippines”</span><em style="text-rendering: optimizeLegibility; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-variant-numeric: inherit; font-stretch: inherit; line-height: 1.4em; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; vertical-align: baseline; color: #4c4c4c;"> Life</em><span style="color: #4c4c4c; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;">, July 6, 1899. Artist: Frederick Thompson Richards.</span></p>
</div>
<p></p>
<p></p>
<style><!--
#vpxMain{
font-family:'open sans';
font-size:12pt;
}
#vpxOverlay{
position:fixed;
width:100%;
height:100%;
background:url('/assets/courseware/v1/6f040fbb4f806379997b7068fda1fe78/asset-v1:MITx+VPx+1T2019+type@asset+block/overlay.png') repeat;
top:0;
left:0;
z-index:999;
}
#vpxImage{
display:block;
margin:auto;
max-width:88%;
max-height:100%;
}
#vpxLeft{
position:absolute;
display:block;
top:45%;
left:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxRight{
position:absolute;
display:block;
top:45%;
right:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxClose{
position:absolute;
top:5px;
right:5px;
margin:0px 0px 0px 0px;
color:white;
font-family:'open sans';
cursor:pointer;
}
#vpxSidebar{
position:absolute;
bottom:0px;
width:100%;
height:30%;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
background-color:#E2E2E2;
}
#vpxVert{
position:relative;
display:inline-block;
float:left;
height:100%;
margin:0px 0px 0px 0px;
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Opera, Chrome, and Safari */
cursor:pointer;
}
#vpxData{
position:absolute;
left:50px;
right:40px;
height:90%;
overflow:auto;
}
.asText {
; background:none;
border:none;
margin:0
padding:0;
}
--></style>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VPx+1T2019+type@video+block@90395830d5bb420482ae87acb467eed8">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@video+block@90395830d5bb420482ae87acb467eed8" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="video" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Video III-2: “The Harvest in the Philippines” </h3>
<div
id="video_90395830d5bb420482ae87acb467eed8"
class="video closed"
data-metadata='{"end": 0.0, "speed": null, "ytTestTimeout": 1500, "publishCompletionUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@90395830d5bb420482ae87acb467eed8/handler/publish_completion", "ytApiUrl": "https://www.youtube.com/iframe_api", "showCaptions": "true", "streams": "1.00:zR0_DAj7XlE", "poster": null, "saveStateEnabled": false, "start": 0.0, "completionPercentage": 0.95, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@90395830d5bb420482ae87acb467eed8/handler/transcript/available_translations", "autoplay": false, "transcriptLanguages": {"en": "English"}, "autohideHtml5": false, "transcriptTranslationUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@90395830d5bb420482ae87acb467eed8/handler/transcript/translation/__lang__", "ytMetadataEndpoint": "", "generalSpeed": 1.0, "lmsRootURL": "https://openlearninglibrary.mit.edu", "autoAdvance": false, "completionEnabled": false, "savedVideoPosition": 0.0, "saveStateUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@90395830d5bb420482ae87acb467eed8/handler/xmodule_handler/save_user_state", "captionDataDir": null, "sources": [], "transcriptLanguage": "en", "recordedYoutubeIsAvailable": true, "prioritizeHls": false, "duration": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="90395830d5bb420482ae87acb467eed8"></div>
<h4 class="hd hd-4 video-error is-hidden">No playable video sources found.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Your browser does not support this video format. Try using a different browser.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
<h3 class="hd hd-4 downloads-heading sr" id="video-download-transcripts_90395830d5bb420482ae87acb467eed8">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_90395830d5bb420482ae87acb467eed8">
<div class="wrapper-download-transcripts">
<h4 class="hd hd-5">Transcripts</h4>
<ul class="list-download-transcripts">
<li class="transcript-option">
<a class="btn btn-link" href="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@90395830d5bb420482ae87acb467eed8/handler/transcript/download" data-value="srt">Download SubRip (.srt) file</a>
</li>
<li class="transcript-option">
<a class="btn btn-link" href="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@90395830d5bb420482ae87acb467eed8/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:MITx+VPx+1T2019+type@problem+block@da3832597116408bbb74a1b6f04f1225">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@problem+block@da3832597116408bbb74a1b6f04f1225" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="problem" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="True" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_da3832597116408bbb74a1b6f04f1225" class="problems-wrapper" role="group"
aria-labelledby="da3832597116408bbb74a1b6f04f1225-problem-title"
data-problem-id="block-v1:MITx+VPx+1T2019+type@problem+block@da3832597116408bbb74a1b6f04f1225" data-url="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@problem+block@da3832597116408bbb74a1b6f04f1225/handler/xmodule_handler"
data-problem-score="0"
data-problem-total-possible="1"
data-attempts-used="0"
data-content="
<h3 class="hd hd-3 problem-header" id="da3832597116408bbb74a1b6f04f1225-problem-title" aria-describedby="block-v1:MITx+VPx+1T2019+type@problem+block@da3832597116408bbb74a1b6f04f1225-problem-progress" tabindex="-1">
Multiple Choice
</h3>
<div class="problem-progress" id="block-v1:MITx+VPx+1T2019+type@problem+block@da3832597116408bbb74a1b6f04f1225-problem-progress"></div>
<div class="problem">
<div>
<div class="wrapper-problem-response" tabindex="-1" aria-label="Question 1" role="group"><div class="choicegroup capa_inputtype" id="inputtype_da3832597116408bbb74a1b6f04f1225_2_1">
<fieldset aria-describedby="status_da3832597116408bbb74a1b6f04f1225_2_1">
<legend id="da3832597116408bbb74a1b6f04f1225_2_1-legend" class="response-fieldset-legend field-group-hd">Why was the Philippine-American War considered an act of betrayal by many Filipinos?</legend>
<div class="field">
<input type="radio" name="input_da3832597116408bbb74a1b6f04f1225_2_1" id="input_da3832597116408bbb74a1b6f04f1225_2_1_choice_0" class="field-input input-radio" value="choice_0"/><label id="da3832597116408bbb74a1b6f04f1225_2_1-choice_0-label" for="input_da3832597116408bbb74a1b6f04f1225_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_da3832597116408bbb74a1b6f04f1225_2_1"> Because they witnessed the United States join forces with Spain to defeat Filipino revolutionaries
</label>
</div>
<div class="field">
<input type="radio" name="input_da3832597116408bbb74a1b6f04f1225_2_1" id="input_da3832597116408bbb74a1b6f04f1225_2_1_choice_1" class="field-input input-radio" value="choice_1"/><label id="da3832597116408bbb74a1b6f04f1225_2_1-choice_1-label" for="input_da3832597116408bbb74a1b6f04f1225_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_da3832597116408bbb74a1b6f04f1225_2_1"> Because the United States immediately recognized the national leadership of Emilio Aguinaldo
</label>
</div>
<div class="field">
<input type="radio" name="input_da3832597116408bbb74a1b6f04f1225_2_1" id="input_da3832597116408bbb74a1b6f04f1225_2_1_choice_2" class="field-input input-radio" value="choice_2"/><label id="da3832597116408bbb74a1b6f04f1225_2_1-choice_2-label" for="input_da3832597116408bbb74a1b6f04f1225_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_da3832597116408bbb74a1b6f04f1225_2_1"> Because they had previously placed their faith in the United States as an ally in the Spanish-American War and their struggle for independence
</label>
</div>
<span id="answer_da3832597116408bbb74a1b6f04f1225_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_da3832597116408bbb74a1b6f04f1225_2_1" data-tooltip="Not yet answered.">
<span class="sr">unanswered</span><span class="status-icon" aria-hidden="true"/>
</span>
</div>
</div></div>
</div>
<div class="action">
<input type="hidden" name="problem_id" value="Multiple Choice" />
<div class="submit-attempt-container">
<button type="button" class="submit btn-brand" data-submitting="Submitting" data-value="Submit" data-should-enable-submit-button="True" aria-describedby="submission_feedback_da3832597116408bbb74a1b6f04f1225" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_da3832597116408bbb74a1b6f04f1225">
<span class="sr">Some problems have options such as save, reset, hints, or show answer. These options follow the Submit button.</span>
</div>
</div>
<div class="problem-action-buttons-wrapper">
</div>
</div>
<div class="notification warning notification-gentle-alert
is-hidden"
tabindex="-1">
<span class="icon fa fa-exclamation-circle" aria-hidden="true"></span>
<span class="notification-message" aria-describedby="da3832597116408bbb74a1b6f04f1225-problem-title">
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
<div class="notification warning notification-save
is-hidden"
tabindex="-1">
<span class="icon fa fa-save" aria-hidden="true"></span>
<span class="notification-message" aria-describedby="da3832597116408bbb74a1b6f04f1225-problem-title">None
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
<div class="notification general notification-show-answer
is-hidden"
tabindex="-1">
<span class="icon fa fa-info-circle" aria-hidden="true"></span>
<span class="notification-message" aria-describedby="da3832597116408bbb74a1b6f04f1225-problem-title">Answers are displayed within the problem
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
</div>
"
data-graded="True">
<p class="loading-spinner">
<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
<span class="sr">Loading…</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-usage-id="block-v1:MITx+VPx+1T2019+type@vertical+block@af7f9b738db14e1195eacc2af98a3b11" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="vertical" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="VerticalStudentView">
<h2 class="hd hd-2 unit-title">Figure 4 Warning and the Effects of War</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:MITx+VPx+1T2019+type@html+block@cc30da7abb574a9bbd39a4c018a6747b">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@cc30da7abb574a9bbd39a4c018a6747b" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="html" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>In this first video, your professors discuss the debates about the value of displaying such disturbing images of colonialism, violence, and war in the classroom. It is important to note that however shocking they may be to viewers today, these images circulated in popular magazines and other media outlets for mass consumption. In the second video, Professor Clutario and Professor Dower leads a conversation on the myriad ways in which a country—and its civilian populations—can be devastated by war. </p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:MITx+VPx+1T2019+type@video+block@cdcc631e6b1a436483e9fc6791ebf0a4">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@video+block@cdcc631e6b1a436483e9fc6791ebf0a4" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="video" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Video III-3: Warning</h3>
<div
id="video_cdcc631e6b1a436483e9fc6791ebf0a4"
class="video closed"
data-metadata='{"end": 0.0, "speed": null, "ytTestTimeout": 1500, "publishCompletionUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@cdcc631e6b1a436483e9fc6791ebf0a4/handler/publish_completion", "ytApiUrl": "https://www.youtube.com/iframe_api", "showCaptions": "true", "streams": "1.00:Hh-2GU0ZO9U", "poster": null, "saveStateEnabled": false, "start": 0.0, "completionPercentage": 0.95, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@cdcc631e6b1a436483e9fc6791ebf0a4/handler/transcript/available_translations", "autoplay": false, "transcriptLanguages": {"en": "English"}, "autohideHtml5": false, "transcriptTranslationUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@cdcc631e6b1a436483e9fc6791ebf0a4/handler/transcript/translation/__lang__", "ytMetadataEndpoint": "", "generalSpeed": 1.0, "lmsRootURL": "https://openlearninglibrary.mit.edu", "autoAdvance": false, "completionEnabled": false, "savedVideoPosition": 0.0, "saveStateUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@cdcc631e6b1a436483e9fc6791ebf0a4/handler/xmodule_handler/save_user_state", "captionDataDir": null, "sources": [], "transcriptLanguage": "en", "recordedYoutubeIsAvailable": true, "prioritizeHls": false, "duration": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="cdcc631e6b1a436483e9fc6791ebf0a4"></div>
<h4 class="hd hd-4 video-error is-hidden">No playable video sources found.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Your browser does not support this video format. Try using a different browser.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
<h3 class="hd hd-4 downloads-heading sr" id="video-download-transcripts_cdcc631e6b1a436483e9fc6791ebf0a4">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_cdcc631e6b1a436483e9fc6791ebf0a4">
<div class="wrapper-download-transcripts">
<h4 class="hd hd-5">Transcripts</h4>
<ul class="list-download-transcripts">
<li class="transcript-option">
<a class="btn btn-link" href="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@cdcc631e6b1a436483e9fc6791ebf0a4/handler/transcript/download" data-value="srt">Download SubRip (.srt) file</a>
</li>
<li class="transcript-option">
<a class="btn btn-link" href="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@cdcc631e6b1a436483e9fc6791ebf0a4/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:MITx+VPx+1T2019+type@html+block@d3c932cb77b14bc5bf2e4bfd2b215830">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@html+block@d3c932cb77b14bc5bf2e4bfd2b215830" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="html" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Carefully study the photograph which depicts the casualties of war. How does it differ from the “Harvest” cartoon that we examined previously? After you watch the videos, please complete the exercise.</p>
<p></p>
<p>
<script>// <![CDATA[
var data = [
"/assets/courseware/v1/85d9084dac9d0fa64ecded29276107f7/asset-v1:MITx+VPx+1T2019+type@asset+block/ph233_1899.jpg",'']; //data has image name, then caption if applicable.
var captions = false; //set to false if you don't want captions, set to true if you do.
///After here should stay where it is
var bookmark = 0;
var sidebarOpen = false; //lets toggleSidebar function know whether it's open or not.
//for(i=0;i<data.length;i+=2){ //function to add proper urls to everything
// data[i] = "https://files.edx.org/vjx/" + data[i];
//}
function album(data,index){
$('#vpxMain').append("<div id='vpxOverlay'><img alt='' id='vpxImage' src='" + data[index] + "'/><button type='button' id='vpxLeft' onclick='turnPage(-2)' class='asText'><img alt='left button' src='/assets/courseware/v1/5f6befa3d9798df3a129c4f061fdfec0/asset-v1:MITx+VPx+1T2019+type@asset+block/left.png'/></button><button type='button' id='vpxRight' onclick='turnPage(2)' class='asText'><img alt='right button' src='/assets/courseware/v1/37f47577dcbcd2016ae60761c914b84f/asset-v1:MITx+VPx+1T2019+type@asset+block/right.png'/><button class='asText' id='vpxClose' onclick='closeAlbum()'><p style='color:white';>[X] Return to Thumbnails</p></button></div>"); //create the overlay. This is made to cover the avaliable space, and fixed so scrolling is ineffectual.
if(captions){ //only add sidebar if you want captions
$('#vpxOverlay').append("<div id='vpxSidebar'><p id='vpxVert' onclick='toggleSidebar()'><strong>Show Info</strong></p><p id='vpxData'>"
+ data[index+1] + "</p></div>");
}
//EDITED HERE, INDEX STARTS AT 0
bookmark = index; //sets the album start on the 0 index of data (first image)
//need to make sure the sidebar is properly hidden with tab showing.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
toggleSidebar();
}
window.onresize = function(){
if(!sidebarOpen){ //only change the sidebar shift if it's still closed.
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').css('right','-'+right+'px'); //pull it right offscreen by this much
}
var shift = (Number($('#vpxSidebar').css('height').slice(0,-2))-60)/2; //equation gotten by seeing what screen sizes needed what margin for the vertical text to show up right.
$('#vpxVert').css('margin-left','' + shift + 'px');
}
function closeAlbum(){
$('#vpxOverlay').remove();
}
$(document).keyup(function(e) {
if (e.keyCode == 27) { // Esc
closeAlbum(); // or whatever you want
}
else if (e.keyCode == 39) {
turnPage(2);
}
else if (e.keyCode == 37) {
turnPage(-2);
}
});
function turnPage(direction){
bookmark += direction; //left calls this with -2, right calls it with +2
if(bookmark===-2){ //check if we're wrapping around the back of the album
bookmark = data.length - 2; //get to last item in data
}
if(bookmark===data.length){ //check if we're at the end and wrapping around to the front
bookmark = 0; //go back to the first item in data
}
$('#vpxImage').attr('src',data[bookmark]);
$('#vpxData').empty().append(data[bookmark+1]);
}
function toggleSidebar(){
if(sidebarOpen){ //if the sidebar is currently open
var right = Number($('#vpxSidebar').css('width').slice(0,-2)) - 40; //width of the sidebar minus the tab that needs to show (negative).
$('#vpxSidebar').animate({'right':'-' + right + 'px'},function(){
sidebarOpen = false;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Show Info</strong></button>');
$('#vpxImage').css('max-height','100%');
});
}
else{ //if the sidebar is closed.
$('#vpxSidebar').animate({'right':'0px'},function(){
sidebarOpen = true;
$('#vpxVert').empty().append('<button type="button" class="asText"><strong>Hide Info</strong></button>');
$('#vpxImage').css('max-height','70%');
});
}
}
// ]]></script>
</p>
<p></p>
<p><img href="#" tabindex="0" onclick="album(data,0)" alt="photograph of dead Filipino soldiers lying on a grass-covered path" src="/assets/courseware/v1/85d9084dac9d0fa64ecded29276107f7/asset-v1:MITx+VPx+1T2019+type@asset+block/ph233_1899.jpg" width="60%" style="float: left; display: inline-block; margin-right: 10px; cursor: pointer;" /></p>
<div id="vpxMain" style="overflow: hidden;">
<p>“Dead Filipino Soldiers Lie Where They Fell,” 1899. Source: Library of Congress [<a href="http://www.loc.gov/pictures/item/cph3514/" target="[object Object]">view</a>]</p>
</div>
<p></p>
<style><!--
#vpxMain{
font-family:'open sans';
font-size:12pt;
}
#vpxOverlay{
position:fixed;
width:100%;
height:100%;
background:url('/assets/courseware/v1/6f040fbb4f806379997b7068fda1fe78/asset-v1:MITx+VPx+1T2019+type@asset+block/overlay.png') repeat;
top:0;
left:0;
z-index:999;
}
#vpxImage{
display:block;
margin:auto;
max-width:88%;
max-height:100%;
}
#vpxLeft{
position:absolute;
display:block;
top:45%;
left:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxRight{
position:absolute;
display:block;
top:45%;
right:10px;
width:60px;
height:auto;
cursor:pointer;
}
#vpxClose{
position:absolute;
top:5px;
right:5px;
margin:0px 0px 0px 0px;
color:white;
font-family:'open sans';
cursor:pointer;
}
#vpxSidebar{
position:absolute;
bottom:0px;
width:100%;
height:30%;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
background-color:#E2E2E2;
}
#vpxVert{
position:relative;
display:inline-block;
float:left;
height:100%;
margin:0px 0px 0px 0px;
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Opera, Chrome, and Safari */
cursor:pointer;
}
#vpxData{
position:absolute;
left:50px;
right:40px;
height:90%;
overflow:auto;
}
.asText {
; background:none;
border:none;
margin:0
padding:0;
}
--></style>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:MITx+VPx+1T2019+type@video+block@ba3a3db3d62541369e043337708a15de">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@video+block@ba3a3db3d62541369e043337708a15de" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="video" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="False" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Video III-4: “Dead Filipino Soldiers Lie Where They Fell”</h3>
<div
id="video_ba3a3db3d62541369e043337708a15de"
class="video closed"
data-metadata='{"end": 0.0, "speed": null, "ytTestTimeout": 1500, "publishCompletionUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@ba3a3db3d62541369e043337708a15de/handler/publish_completion", "ytApiUrl": "https://www.youtube.com/iframe_api", "showCaptions": "true", "streams": "1.00:B5JR_APa5YY", "poster": null, "saveStateEnabled": false, "start": 0.0, "completionPercentage": 0.95, "transcriptAvailableTranslationsUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@ba3a3db3d62541369e043337708a15de/handler/transcript/available_translations", "autoplay": false, "transcriptLanguages": {"en": "English"}, "autohideHtml5": false, "transcriptTranslationUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@ba3a3db3d62541369e043337708a15de/handler/transcript/translation/__lang__", "ytMetadataEndpoint": "", "generalSpeed": 1.0, "lmsRootURL": "https://openlearninglibrary.mit.edu", "autoAdvance": false, "completionEnabled": false, "savedVideoPosition": 0.0, "saveStateUrl": "/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@ba3a3db3d62541369e043337708a15de/handler/xmodule_handler/save_user_state", "captionDataDir": null, "sources": [], "transcriptLanguage": "en", "recordedYoutubeIsAvailable": true, "prioritizeHls": false, "duration": 0.0}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="ba3a3db3d62541369e043337708a15de"></div>
<h4 class="hd hd-4 video-error is-hidden">No playable video sources found.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Your browser does not support this video format. Try using a different browser.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
<h3 class="hd hd-4 downloads-heading sr" id="video-download-transcripts_ba3a3db3d62541369e043337708a15de">Downloads and transcripts</h3>
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_ba3a3db3d62541369e043337708a15de">
<div class="wrapper-download-transcripts">
<h4 class="hd hd-5">Transcripts</h4>
<ul class="list-download-transcripts">
<li class="transcript-option">
<a class="btn btn-link" href="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@ba3a3db3d62541369e043337708a15de/handler/transcript/download" data-value="srt">Download SubRip (.srt) file</a>
</li>
<li class="transcript-option">
<a class="btn btn-link" href="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@video+block@ba3a3db3d62541369e043337708a15de/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:MITx+VPx+1T2019+type@problem+block@860698e19c1e4b53aa4a6a210e877fd3">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-usage-id="block-v1:MITx+VPx+1T2019+type@problem+block@860698e19c1e4b53aa4a6a210e877fd3" data-graded="True" data-runtime-class="LmsRuntime" data-course-id="course-v1:MITx+VPx+1T2019" data-block-type="problem" data-request-token="45f1935eff0f11ee8e61026cc65ec0d9" data-has-score="True" data-runtime-version="1" data-init="XBlockToXModuleShim">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Problem"}
</script>
<div id="problem_860698e19c1e4b53aa4a6a210e877fd3" class="problems-wrapper" role="group"
aria-labelledby="860698e19c1e4b53aa4a6a210e877fd3-problem-title"
data-problem-id="block-v1:MITx+VPx+1T2019+type@problem+block@860698e19c1e4b53aa4a6a210e877fd3" data-url="/courses/course-v1:MITx+VPx+1T2019/xblock/block-v1:MITx+VPx+1T2019+type@problem+block@860698e19c1e4b53aa4a6a210e877fd3/handler/xmodule_handler"
data-problem-score="0"
data-problem-total-possible="1"
data-attempts-used="0"
data-content="
<h3 class="hd hd-3 problem-header" id="860698e19c1e4b53aa4a6a210e877fd3-problem-title" aria-describedby="block-v1:MITx+VPx+1T2019+type@problem+block@860698e19c1e4b53aa4a6a210e877fd3-problem-progress" tabindex="-1">
Checkboxes
</h3>
<div class="problem-progress" id="block-v1:MITx+VPx+1T2019+type@problem+block@860698e19c1e4b53aa4a6a210e877fd3-problem-progress"></div>
<div class="problem">
<div>
<div class="wrapper-problem-response" tabindex="-1" aria-label="Question 1" role="group"><div class="choicegroup capa_inputtype" id="inputtype_860698e19c1e4b53aa4a6a210e877fd3_2_1">
<fieldset aria-describedby="status_860698e19c1e4b53aa4a6a210e877fd3_2_1">
<legend id="860698e19c1e4b53aa4a6a210e877fd3_2_1-legend" class="response-fieldset-legend field-group-hd">Which of the following are ways in which civilians can experience war? Check all that apply.</legend>
<div class="field">
<input type="checkbox" name="input_860698e19c1e4b53aa4a6a210e877fd3_2_1[]" id="input_860698e19c1e4b53aa4a6a210e877fd3_2_1_choice_0" class="field-input input-checkbox" value="choice_0"/><label id="860698e19c1e4b53aa4a6a210e877fd3_2_1-choice_0-label" for="input_860698e19c1e4b53aa4a6a210e877fd3_2_1_choice_0" class="response-label field-label label-inline" aria-describedby="status_860698e19c1e4b53aa4a6a210e877fd3_2_1"> War destroys fertile land and therefore, hampers agriculture and the availability of food
</label>
</div>
<div class="field">
<input type="checkbox" name="input_860698e19c1e4b53aa4a6a210e877fd3_2_1[]" id="input_860698e19c1e4b53aa4a6a210e877fd3_2_1_choice_1" class="field-input input-checkbox" value="choice_1"/><label id="860698e19c1e4b53aa4a6a210e877fd3_2_1-choice_1-label" for="input_860698e19c1e4b53aa4a6a210e877fd3_2_1_choice_1" class="response-label field-label label-inline" aria-describedby="status_860698e19c1e4b53aa4a6a210e877fd3_2_1"> War blocks or otherwise negatively affects routes for the transportation of food and other products
</label>
</div>
<div class="field">
<input type="checkbox" name="input_860698e19c1e4b53aa4a6a210e877fd3_2_1[]" id="input_860698e19c1e4b53aa4a6a210e877fd3_2_1_choice_2" class="field-input input-checkbox" value="choice_2"/><label id="860698e19c1e4b53aa4a6a210e877fd3_2_1-choice_2-label" for="input_860698e19c1e4b53aa4a6a210e877fd3_2_1_choice_2" class="response-label field-label label-inline" aria-describedby="status_860698e19c1e4b53aa4a6a210e877fd3_2_1"> Towns with large populations are often shelled, resulting in the deaths and casualties of civilian residents
</label>
</div>
<div class="field">
<input type="checkbox" name="input_860698e19c1e4b53aa4a6a210e877fd3_2_1[]" id="input_860698e19c1e4b53aa4a6a210e877fd3_2_1_choice_3" class="field-input input-checkbox" value="choice_3"/><label id="860698e19c1e4b53aa4a6a210e877fd3_2_1-choice_3-label" for="input_860698e19c1e4b53aa4a6a210e877fd3_2_1_choice_3" class="response-label field-label label-inline" aria-describedby="status_860698e19c1e4b53aa4a6a210e877fd3_2_1"> Civilians, especially women, sometimes experience sexual violence as a result of militarization and war
</label>
</div>
<span id="answer_860698e19c1e4b53aa4a6a210e877fd3_2_1"/>
</fieldset>
<div class="indicator-container">
<span class="status unanswered" id="status_860698e19c1e4b53aa4a6a210e877fd3_2_1" data-tooltip="Not yet answered.">
<span class="sr">unanswered</span><span class="status-icon" aria-hidden="true"/>
</span>
</div>
</div></div>
</div>
<div class="action">
<input type="hidden" name="problem_id" value="Checkboxes" />
<div class="submit-attempt-container">
<button type="button" class="submit btn-brand" data-submitting="Submitting" data-value="Submit" data-should-enable-submit-button="True" aria-describedby="submission_feedback_860698e19c1e4b53aa4a6a210e877fd3" >
<span class="submit-label">Submit</span>
</button>
<div class="submission-feedback" id="submission_feedback_860698e19c1e4b53aa4a6a210e877fd3">
<span class="sr">Some problems have options such as save, reset, hints, or show answer. These options follow the Submit button.</span>
</div>
</div>
<div class="problem-action-buttons-wrapper">
</div>
</div>
<div class="notification warning notification-gentle-alert
is-hidden"
tabindex="-1">
<span class="icon fa fa-exclamation-circle" aria-hidden="true"></span>
<span class="notification-message" aria-describedby="860698e19c1e4b53aa4a6a210e877fd3-problem-title">
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
<div class="notification warning notification-save
is-hidden"
tabindex="-1">
<span class="icon fa fa-save" aria-hidden="true"></span>
<span class="notification-message" aria-describedby="860698e19c1e4b53aa4a6a210e877fd3-problem-title">None
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
<div class="notification general notification-show-answer
is-hidden"
tabindex="-1">
<span class="icon fa fa-info-circle" aria-hidden="true"></span>
<span class="notification-message" aria-describedby="860698e19c1e4b53aa4a6a210e877fd3-problem-title">Answers are displayed within the problem
</span>
<div class="notification-btn-wrapper">
<button type="button" class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
</div>
</div>
</div>
"
data-graded="True">
<p class="loading-spinner">
<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
<span class="sr">Loading…</span>
</p>
</div>
</div>
</div>
</div>
</div>
© All Rights Reserved