{"id":701,"date":"2015-05-11T20:34:57","date_gmt":"2015-05-11T20:34:57","guid":{"rendered":"http:\/\/apps.tlt.stonybrook.edu\/wordpress\/disasters\/?page_id=701"},"modified":"2025-01-28T23:31:23","modified_gmt":"2025-01-28T23:31:23","slug":"workers-in-local-industry-4","status":"publish","type":"page","link":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/workers-in-local-industry-4\/","title":{"rendered":"Minatitl\u00e1n\/Coatzacoalcos&#8211;Los trabajadores de la industria local"},"content":{"rendered":"\n\n<script>let player;\r\nvar blurb = \"Click a blue link to to a the point decribed in the video.\"\r\nlet ytID;\r\nlet shim = \"\"\r\nif (window.location.href.includes(\"tag\")) {\r\n\tshim = \"..\/\"\r\n}\r\n\r\nfunction onYouTubeIframeAPIReady() {\r\n\tplayer = new YT.Player('player', {\r\n\t\theight: '100%',\r\n\t\twidth: '100%',\r\n\t\tvideoId: ytID || 'EvKNG0SXdGI',\r\n\t\tplayerVars: {\r\n\t\t\t'playsinline': 1\r\n\t\t},\r\n\t\tevents: {\r\n\t\t\t'onReady': onPlayerReady,\r\n\t\t\t'onStateChange': onPlayerStateChange\r\n\t\t}\r\n\t})\r\n}\r\n\r\nfunction onPlayerReady(event) {\r\n\t\/\/ Function fires when player is ready.\r\n}\r\n\r\nvar done = false;\r\n\r\nfunction onPlayerStateChange(event) {\r\n\t\/\/ Example function, can be modified or removed.\r\n\tif (event.data == YT.PlayerState.PLAYING && !done) {\r\n\t\t\/\/ setTimeout(stopVideo, 6000);\r\n\t\t\/\/ done = true;\r\n\t}\r\n}\r\n\r\nfunction stopVideo() {\r\n\tplayer.stopVideo();\r\n}\r\n\r\nfunction playVideo(start) {\r\n\tconst element = document.getElementById(\"player-container\"); \/\/ Scroll to the container\r\n\tif (element) {\r\n\t\telement.scrollIntoView({\r\n\t\t\tblock: 'start',\r\n\t\t\tbehavior: 'smooth'\r\n\t\t});\r\n\t}\r\n\tplayer.seekTo(start);\r\n\tplayer.playVideo()\r\n}\r\n\r\n\r\nfunction loadSeminarYT(id, startTimes) {\r\n\tytID = id;\r\n\r\n\t\/\/ ---- NEW: Create a wrapper around the player for aspect ratio ----\r\n\tconst playerDiv = document.getElementById('player');\r\n\tif (playerDiv && !document.getElementById('player-container')) {\r\n\t\tconst playerWrapper = document.createElement('div');\r\n\t\tplayerWrapper.id = 'player-container';\r\n\t\tplayerDiv.parentNode.insertBefore(playerWrapper, playerDiv);\r\n\t\tplayerWrapper.appendChild(playerDiv);\r\n\t}\r\n\t\/\/ ---- END NEW ----\r\n\r\n\tvar tag = document.createElement('script');\r\n\ttag.src = \"https:\/\/www.youtube.com\/iframe_api\"; \/\/ Using official API source\r\n\tvar firstScriptTag = document.getElementsByTagName('script')[0];\r\n\tfirstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\r\n\r\n\tconst styleId = 'yt-modern-styles';\r\n\tif (!document.getElementById(styleId)) {\r\n\t\tconst styleSheet = document.createElement(\"style\");\r\n\t\tstyleSheet.id = styleId;\r\n\t\t\/\/ ---- UPDATED: CSS now targets the new player-container ----\r\n\t\tstyleSheet.innerHTML = `\r\n\t\t\t#player-container {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tpadding-top: 56.25%; \/* 16:9 Aspect Ratio *\/\r\n\t\t\t\tbackground: #000;\r\n\t\t\t\tmargin-bottom: 20px;\r\n\t\t\t}\r\n\t\t\t#player { \/* The #player element is now the iframe itself *\/\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tborder: 0;\r\n\t\t\t}\r\n            .startLinks {\r\n                transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\r\n            }\r\n            .startLinks:hover {\r\n                transform: translateY(-3px);\r\n                box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n            }\r\n            .startLinks a {\r\n                color: #333;\r\n                text-decoration: none;\r\n                font-weight: 500;\r\n            }\r\n        `;\r\n\t\tdocument.head.appendChild(styleSheet);\r\n\t}\r\n\r\n\tlet page = document.getElementsByClassName(\"table\")[0];\r\n\r\n\tfor (i of startTimes) {\r\n\t\tlet a = Object.assign(document.createElement(\"span\"), {\r\n\t\t\tinnerHTML: i.description\r\n\t\t});\r\n\t\tif (i.start) {\r\n\t\t\ta = Object.assign(document.createElement(\"a\"), {\r\n\t\t\t\thref: `javascript:playVideo(\"${i.start}\")`,\r\n\t\t\t\tinnerHTML: i.description\r\n\t\t\t})\r\n\t\t}\r\n\t\tObject.assign(a.style, {\r\n\t\t\tflexGrow: \"1\"\r\n\t\t});\r\n\r\n\t\tlet containerDiv = Object.assign(document.createElement(\"div\"), {\r\n\t\t\tclassName: \"startLinks\"\r\n\t\t});\r\n\r\n\t\tObject.assign(containerDiv.style, {\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\talignItems: \"center\",\r\n\t\t\twidth: \"100%\",\r\n\t\t\tmarginBottom: \"15px\",\r\n\t\t\tpadding: \"16px\",\r\n\t\t\tbackgroundColor: \"#fff\",\r\n\t\t\tborderRadius: \"8px\",\r\n\t\t\tboxShadow: \"0 2px 8px rgba(0,0,0,0.07)\",\r\n\t\t\tflex: \"1 1 100%\",\r\n\t\t\tgridColumn: \"1 \/ -1\",\r\n\t\t\tboxSizing: \"border-box\"\r\n\t\t});\r\n\r\n\t\tif (i.thumbnail) {\r\n\t\t\tlet img = Object.assign(document.createElement(\"img\"), {\r\n\t\t\t\tsrc: `${shim}${i.thumbnail}`\r\n\t\t\t});\r\n\t\t\tObject.assign(img.style, {\r\n\t\t\t\twidth: \"80px\",\r\n\t\t\t\theight: \"80px\",\r\n\t\t\t\tobjectFit: \"cover\",\r\n\t\t\t\tborderRadius: \"6px\",\r\n\t\t\t\tmarginRight: \"16px\",\r\n\t\t\t\tflexShrink: \"0\"\r\n\t\t\t});\r\n\t\t\tcontainerDiv.append(img);\r\n\t\t}\r\n\r\n\t\tcontainerDiv.append(a);\r\n\t\tpage.append(containerDiv);\r\n\t}\r\n\r\n\tif (!document.getElementById(\"blurb\")) {\r\n\t\tlet blurbEl = Object.assign(document.createElement(\"div\"), {\r\n\t\t\tid: \"blurb\",\r\n\t\t\tinnerHTML: blurb\r\n\t\t});\r\n\t\tObject.assign(blurbEl.style, {\r\n\t\t\ttextAlign: 'center',\r\n\t\t\tcolor: '#666',\r\n\t\t\tmarginBottom: '20px',\r\n\t\t\tfontSize: '1em'\r\n\t\t});\r\n\t\tdocument.getElementsByClassName(\"entry-content\")[0].prepend(blurbEl);\r\n\t}\r\n}<\/script>\n<div id=\"player\"><\/div>\n<div class=\"table\"><\/div>\n<script>\n\ndata={\n    \"ytID\": \"vZN9LS3h3h4\",\n    \"startTimes\": [\n        {\n            \"start\": \"3324\",\n            \"description\": \"Juan Luis Francisco Entonces nosotros hemos invitado ahora si a funcionarios de Pemex, y si nos han visitado, pero este, qu\\u00e9 pasa, cuando llegan all\\u00e1 ahora si se ve ahora si como est\\u00e1n funcionando las plantas cuando no van ellos, y cuando van ellos le bajan, le cierran\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Juan-Luis-Francisco.png\"\n        },\n        {\n            \"start\": \"3429\",\n            \"description\": \"Juan Luis Francisco Cuando hay aire, el mismo aire, como nosotros vivimos en frente, levanta un polvito que si tienen, ahora si, las amas de casa tendida su ropa, todo se pega. Los pozos, si no los tapas, vas y encuentras ahora s\\u00ed como una nata negra\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Juan-Luis-Francisco.png\"\n        },\n        {\n            \"start\": \"3520\",\n            \"description\": \"Aquilino Romero  yo escuche que  hace rato usted coment\\u00f3 que usted dec\\u00eda que la refiner\\u00eda no se pod\\u00eda cerrar, porque se morir\\u00edan de hambre un resto de trabajadores.\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Aquilino-Romero-.png\"\n        },\n        {\n            \"start\": \"3546\",\n            \"description\": \"Aquilino Romero  Nosotros no vivimos de una empresa, nosotros somos pescadores, somos campesinos, eh\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Aquilino-Romero-.png\"\n        }\n    ]\n}\n\nloadSeminarYT(data.ytID,data.startTimes)\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"tags":[83,120,74,119,122,110,121,93],"class_list":["post-701","page","type-page","status-publish","hentry","tag-los-trabajadores-de-la-industria-local","tag-minatitlancoatzacoalcos","tag-petrochemicals","tag-productos-petroquimicos","tag-refinacion-craqueo-etc","tag-refining-cracking-etc","tag-veracruz","tag-workers-in-local-industry"],"_links":{"self":[{"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/comments?post=701"}],"version-history":[{"count":5,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/701\/revisions"}],"predecessor-version":[{"id":5529,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/701\/revisions\/5529"}],"wp:attachment":[{"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/media?parent=701"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/tags?post=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}