{"id":6697,"date":"2022-04-19T15:10:50","date_gmt":"2022-04-19T06:10:50","guid":{"rendered":"http:\/\/www.toyo-const.co.jp\/en\/?page_id=6697"},"modified":"2024-03-18T15:38:55","modified_gmt":"2024-03-18T06:38:55","slug":"movie","status":"publish","type":"page","link":"https:\/\/www.toyo-const.co.jp\/en\/movie","title":{"rendered":"Toyo Construction seen in the video"},"content":{"rendered":"<style>\n  .popup-container_movie {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(255,255,255,0.8);\n      z-index: 10000;\n  }\n  article.movie .construction-image {\n    width: 75%;\n  }\n  article.movie .construction-description {\n    width: 25%;\n    justify-content: center;\n    text-align: center;\n    padding: 0;\n  }\n  article.movie .popup-content {\n    width: auto;\n    max-width: 800px;\n    padding: 7vh 0;\n  }\n  article.movie .construction-text>div {\n      font-size: 20px;\n      word-break: break-word;\n  }\n  article.movie video {\n    max-width: 800px;\n  }\n  article.movie .popup-close-button {\n      width: 21px;\n      height: 21px;\n      cursor: pointer;\n  }<\/p>\n<p>  .construction-text .addition {\n      display: block;\n      text-align: left;\n      font-size: 14px;\n      padding: 20px 0 0;\n  }\n  @media screen and (max-width: 767px) {\n    article.movie .popup-content {\n      width: 95%;\n      text-align: center;\n    }\n    article.movie .construction-text>div {\n      font-size: 16px;\n    }\n    article.movie .popup-content div:not(.popup-close) {\n      width:100%;              \/*\u6a2a\u5e45\u3044\u3063\u3071\u3044\u306bwidth\u3092\u6307\u5b9a*\/\n      padding-bottom: 56.25%;  \/*\u9ad8\u3055\u3092padding\u3067\u6307\u5b9a(16:9)*\/\n      height:0px;              \/*\u9ad8\u3055\u306fpadding\u3067\u6307\u5b9a\u3059\u308b\u305f\u3081height\u306f0\u306b*\/\n      position: relative;\n    }\n    article.movie video {\n      width: 95%;\n      max-width: 800px;\n    }\n    article.movie .popup-close {\n      width: 95%;\n      margin: 0 auto 15px;\n    }\n    article.movie iframe {\n      width: 100%;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }<\/p>\n<p>    .construction-text .addition {\n      font-size: 14px;\n      padding: 10px 0 0;\n    }\n  }\n  <\/style>\n<article class=\"movie\">\n<ul class=\"construction-list\">\n<li>\n        <a href=\"#\" class=\"en-movie02 popup-button\" data-open=\"#en-movie02\"><\/p>\n<div class=\"construction-image\" style=\"background-image:url(\/wp\/wp-content\/themes\/toyo2\/images\/movie\/movie_img13.jpg)\"><\/div>\n<div class=\"construction-description\">\n<div class=\"construction-text\">\n<div>A NEW CABLE LAYING VESSEL<br \/>\uff082min 18sec\uff09<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <\/a>\n      <\/li>\n<li>\n        <a href=\"#\" class=\"en-movie01 popup-button\" data-open=\"#en-movie01\"><\/p>\n<div class=\"construction-image\" style=\"background-image:url(\/wp\/wp-content\/themes\/toyo2\/images\/movie\/movie_img01.jpg)\"><\/div>\n<div class=\"construction-description\">\n<div class=\"construction-text\">\n<div>PR video<br \/>\uff083min 26sec\uff09<\/p>\n<p>Continue &#8220;MONOZUKURI&#8221;<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <\/a>\n      <\/li>\n<\/ul>\n<section id=\"en-movie01\" class=\"popup-container_movie\">\n<div class=\"wrapper\">\n<div class=\"popup-content\">\n<div class=\"popup-close\">\n            <img decoding=\"async\" src=\"\/wp\/wp-content\/themes\/toyo2\/images\/common\/icon_close.png\" class=\"popup-close-button\" id=\"stop\">\n          <\/div>\n<div>\n        <iframe loading=\"lazy\" id=\"popup-YouTube-player\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/-257s5XPuIk?rel=0&#038;enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n        <\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"en-movie02\" class=\"popup-container_movie\">\n<div class=\"wrapper\">\n<div class=\"popup-content\">\n<div class=\"popup-close\">\n            <img decoding=\"async\" src=\"\/wp\/wp-content\/themes\/toyo2\/images\/common\/icon_close.png\" class=\"popup-close-button\" id=\"stop02\">\n          <\/div>\n<div>\n        <iframe loading=\"lazy\" id=\"popup-YouTube-player02\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/kjF3ESxWQGk?rel=0&#038;enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n        <\/div>\n<\/p><\/div>\n<\/section>\n<\/article>\n<p>  <script>\n    \/\/ popup\n    $('.popup-button').click(function() {\n      var open = $(this).data('open');\n      $(open).show();\n    });<\/p>\n<p>    $('.popup-close-button').click(function() {\n      $(this).parents('.popup-container_movie').hide();\n    });<\/p>\n<p>  $(function(){\n    $(\".en-movie01\").on(\"click\", function(){\n      videoControl(\"playVideo\"); \n    });<\/p>\n<p>    $(\"#stop\").on(\"click\", function(){\n      videoControl(\"stopVideo\");\n    });<\/p>\n<p>    function videoControl(action){ \n      var $playerWindow = $('#popup-YouTube-player')[0].contentWindow;\n      $playerWindow.postMessage('{\"event\":\"command\",\"func\":\"'+action+'\",\"args\":\"\"}', '*');\n    }\n  });<\/p>\n<p>  $(function(){\n    $(\".en-movie02\").on(\"click\", function(){\n      videoControl(\"playVideo\"); \n    });<\/p>\n<p>    $(\"#stop02\").on(\"click\", function(){\n      videoControl(\"stopVideo\");\n    });<\/p>\n<p>    function videoControl(action){ \n      var $playerWindow = $('#popup-YouTube-player02')[0].contentWindow;\n      $playerWindow.postMessage('{\"event\":\"command\",\"func\":\"'+action+'\",\"args\":\"\"}', '*');\n    }\n  });<\/p>\n<p>  <\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A NEW CABLE LAYING VESSEL\uff082min 18sec\uff09 PR video\uff083min 26sec\uff09 Continue &#8220;MONOZUKURI&#8221;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":26,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6697","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.toyo-const.co.jp\/en\/wp-json\/wp\/v2\/pages\/6697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.toyo-const.co.jp\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.toyo-const.co.jp\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.toyo-const.co.jp\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.toyo-const.co.jp\/en\/wp-json\/wp\/v2\/comments?post=6697"}],"version-history":[{"count":3,"href":"https:\/\/www.toyo-const.co.jp\/en\/wp-json\/wp\/v2\/pages\/6697\/revisions"}],"predecessor-version":[{"id":8024,"href":"https:\/\/www.toyo-const.co.jp\/en\/wp-json\/wp\/v2\/pages\/6697\/revisions\/8024"}],"wp:attachment":[{"href":"https:\/\/www.toyo-const.co.jp\/en\/wp-json\/wp\/v2\/media?parent=6697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}