{"id":2472,"date":"2020-12-31T19:42:44","date_gmt":"2020-12-31T19:42:44","guid":{"rendered":"https:\/\/maccosmeticstravels.com\/?page_id=2472"},"modified":"2020-12-31T23:54:45","modified_gmt":"2020-12-31T23:54:45","slug":"how-to-videos","status":"publish","type":"page","link":"https:\/\/maccosmeticstravels.com\/zh\/let-colour-take-flight\/how-to-videos","title":{"rendered":"\u624b\u6cd5\u89c6\u9891"},"content":{"rendered":"<section id=\"block_5fecff5775cd1\" class=\"banner full-width\">\n\t<style>\n\t\t@media(max-width: 720px) {\n\t\t\t#block_5fecff5775cd1 a {\n\t\t\t\tpadding-bottom: 37.568%;\n\t\t\t}\n\t\t}\n\t\t@media(min-width: 721px) {\n\t\t\t#block_5fecff5775cd1 a {\n\t\t\t\tpadding-bottom: 21.382%;\n\t\t\t}\n\t\t}\n\t<\/style>\n\t<a href=\"https:\/\/maccosmeticstravels.com\/zh\/let-colour-take-flight\/\">\n\t\t<picture>\n\t\t\t<source media=\"(max-width: 720px)\" srcset=\"https:\/\/maccosmeticstravels.com\/wp-content\/uploads\/2020\/10\/lctf-header-mobile-zh-720x270.jpg 720w, https:\/\/maccosmeticstravels.com\/wp-content\/uploads\/2020\/10\/lctf-header-mobile-zh-1440x541.jpg 1440w\" sizes=\"100%\">\n\t\t\t<source media=\"(min-width: 721px)\" srcset=\"https:\/\/maccosmeticstravels.com\/wp-content\/uploads\/2020\/10\/lctf-header-desktop-zh-1440x308.jpg 1440w, https:\/\/maccosmeticstravels.com\/wp-content\/uploads\/2020\/10\/lctf-header-desktop-zh-2880x616.jpg 2880w\" sizes=\"100%\">\n\t\t\t<img decoding=\"async\" class=\"fade-in\" src=\"https:\/\/maccosmeticstravels.com\/wp-content\/uploads\/2020\/10\/lctf-header-desktop-zh-1440x308.jpg\" srcset=\" 1440w, https:\/\/maccosmeticstravels.com\/wp-content\/uploads\/2020\/10\/lctf-header-mobile-zh-2880x1082.jpg 2880w\" sizes=\"100%\">\n\t\t<\/picture>\n\t\t<div class=\"text\"><\/div>\n\t<\/a>\n\t<style>\n\t\t.is-root-container {\n\t\t\tbackground-color: #000000;\n\t\t}\n\t<\/style>\n<\/section>\n\n<section id=\"block_5f9b9fa8343b2\" class=\"text fade-in left columns-1 balance-text\" data-max-width=\"960\" style=\"font-family: Trade Gothic Condensed;\">\n\t<h1 style=\"text-align: center; text-transform: uppercase;\"><strong>\u624b\u6cd5\u89c6\u9891<\/strong><\/h1>\n\t<style>\n\t\t.is-root-container {\n\t\t\tbackground-color: #000000;\n\t\t}\n\t<\/style>\n<\/section>\n\n<section id=\"block_5fee29944ef33\" class=\"video\">\n\t<div class=\"video-wrapper\">\n\t\t<video poster=\"https:\/\/maccosmeticstravels.com\/wp-content\/uploads\/2020\/12\/how-to-video-1-poster-1920x1080.jpg\" id=\"player\" playsinline>\n\t\t\t<source src=\"https:\/\/maccosmeticstravels.com\/wp-content\/uploads\/2020\/10\/how-to-video-1.mp4\" type=\"video\/mp4\" \/>\n\t\t<\/video>\n\t\t<div class=\"play\"><\/div>\n\t<\/div>\n\t<script>\n\t\t(function($) {\n\t\t\tvar video = $(\"#block_5fee29944ef33 video\");\n\t\t\tvar play = $(\"#block_5fee29944ef33 .play\");\n\t\t\t\/\/ Display the video when the poster has loaded\n\t\t\tvar poster = new Image();\n\t\t\tposter.src = video.attr(\"poster\");\n\t\t\tif (poster.complete && poster.naturalHeight !== 0) {\n\t\t\t\t$(video).parents(\".video-wrapper\").addClass(\"visible\");\n\t\t\t\t$(play).addClass(\"visible\");\n\t\t\t} else {\n\t\t\t\tposter.onload = function() {\n\t\t\t\t\t$(video).parents(\".video-wrapper\").addClass(\"visible\");\n\t\t\t\t\t$(play).addClass(\"visible\");\n\t\t\t\t}\n\t\t\t}\n\t\t\t\/\/ Initialize the player\n\t\t\tvar player = new Plyr(video[0], {\n\t\t\t\tresetOnEnd: true,\n\t\t\t\thideControls: false,\n\t\t\t\tcontrols: [\n\t\t\t\t\t\"play\",\n\t\t\t\t\t\"progress\",\n\t\t\t\t\t\"current-time\",\n\t\t\t\t\t\"mute\",\n\t\t\t\t\t\"volume\",\n\t\t\t\t\t\"fullscreen\"\n\t\t\t\t]\n\t\t\t});\n\t\t\t\/\/ Initialize with controls hidden\n\t\t\tplayer.toggleControls(false);\n\t\t\tplay.on(\"click\", function() {\n\t\t\t\tplayer.play();\n\t\t\t});\n\t\t\tplayer.on(\"playing\", function() {\n\t\t\t\tplayer.fullscreen.enter();\n\t\t\t\tplay.removeClass(\"visible\");\n\t\t\t});\n\t\t\tplayer.on(\"pause\", function() {\n\t\t\t\tif (!player.seeking && !player.fullscreen.active) {\n\t\t\t\t\tplay.addClass(\"visible\");\n\t\t\t\t}\n\t\t\t});\n\t\t\tplayer.on(\"ended\", function() {\n\t\t\t\tplayer.fullscreen.exit();\n\t\t\t});\n\t\t\tplayer.on(\"exitfullscreen\", function() {\n\t\t\t\tif (!player.playing) {\n\t\t\t\t\tplay.addClass(\"visible\");\n\t\t\t\t}\n\t\t\t});\n\t\t})(jQuery);\n\t<\/script>\n\t<style>\n\t\t.is-root-container {\n\t\t\tbackground-color: #000000;\n\t\t}\n\t<\/style>\n<\/section>\n\n<section id=\"block_5fee2aaf6c21f\" class=\"video\">\n\t<div class=\"video-wrapper\">\n\t\t<video poster=\"https:\/\/maccosmeticstravels.com\/wp-content\/uploads\/2020\/12\/how-to-video-2-poster-1920x1080.jpg\" id=\"player\" playsinline>\n\t\t\t<source src=\"https:\/\/maccosmeticstravels.com\/wp-content\/uploads\/2020\/10\/how-to-video-2.mp4\" type=\"video\/mp4\" \/>\n\t\t<\/video>\n\t\t<div class=\"play\"><\/div>\n\t<\/div>\n\t<script>\n\t\t(function($) {\n\t\t\tvar video = $(\"#block_5fee2aaf6c21f video\");\n\t\t\tvar play = $(\"#block_5fee2aaf6c21f .play\");\n\t\t\t\/\/ Display the video when the poster has loaded\n\t\t\tvar poster = new Image();\n\t\t\tposter.src = video.attr(\"poster\");\n\t\t\tif (poster.complete && poster.naturalHeight !== 0) {\n\t\t\t\t$(video).parents(\".video-wrapper\").addClass(\"visible\");\n\t\t\t\t$(play).addClass(\"visible\");\n\t\t\t} else {\n\t\t\t\tposter.onload = function() {\n\t\t\t\t\t$(video).parents(\".video-wrapper\").addClass(\"visible\");\n\t\t\t\t\t$(play).addClass(\"visible\");\n\t\t\t\t}\n\t\t\t}\n\t\t\t\/\/ Initialize the player\n\t\t\tvar player = new Plyr(video[0], {\n\t\t\t\tresetOnEnd: true,\n\t\t\t\thideControls: false,\n\t\t\t\tcontrols: [\n\t\t\t\t\t\"play\",\n\t\t\t\t\t\"progress\",\n\t\t\t\t\t\"current-time\",\n\t\t\t\t\t\"mute\",\n\t\t\t\t\t\"volume\",\n\t\t\t\t\t\"fullscreen\"\n\t\t\t\t]\n\t\t\t});\n\t\t\t\/\/ Initialize with controls hidden\n\t\t\tplayer.toggleControls(false);\n\t\t\tplay.on(\"click\", function() {\n\t\t\t\tplayer.play();\n\t\t\t});\n\t\t\tplayer.on(\"playing\", function() {\n\t\t\t\tplayer.fullscreen.enter();\n\t\t\t\tplay.removeClass(\"visible\");\n\t\t\t});\n\t\t\tplayer.on(\"pause\", function() {\n\t\t\t\tif (!player.seeking && !player.fullscreen.active) {\n\t\t\t\t\tplay.addClass(\"visible\");\n\t\t\t\t}\n\t\t\t});\n\t\t\tplayer.on(\"ended\", function() {\n\t\t\t\tplayer.fullscreen.exit();\n\t\t\t});\n\t\t\tplayer.on(\"exitfullscreen\", function() {\n\t\t\t\tif (!player.playing) {\n\t\t\t\t\tplay.addClass(\"visible\");\n\t\t\t\t}\n\t\t\t});\n\t\t})(jQuery);\n\t<\/script>\n\t<style>\n\t\t.is-root-container {\n\t\t\tbackground-color: #000000;\n\t\t}\n\t<\/style>\n<\/section>\n\n\n<section id=\"block_5fdaf8f0536d8\" class=\"dp-button\" style=\"font-family: Trade Gothic Condensed; max-width: 520px\">\n\t\t<p class=\"large\">\u5728 M.A.C \u673a\u573a\u5e97\u548c\u514d\u7a0e\u5e97\u6253\u9020\u4f60\u7684\u5b9a\u5236\u773c\u5f71\u76d8\u3002<\/p>\n\t\t<a href=\"https:\/\/maccosmeticstravels.com\/zh\/let-colour-take-flight\/find-a-store\/\" target=\"\" style=\"color: #000000\">\n\t\t\u5bfb\u627e\u5e97\u94fa\t<\/a>\n\t<style>\n\t\t.is-root-container {\n\t\t\tbackground-color: #000000;\n\t\t}\n\t<\/style>\n<\/section>\n\n<section id=\"block_5fed0260768ae\" class=\"olapic\" style=\"font-family: Trade Gothic Condensed;\">\n\t<div class=\"heading\">\u793e\u4ea4\u6280\u80fd<\/div>\n\t<div class=\"hashtag\">#MACBYME<\/div>\n\t<div id=\"olapic_specific_widget\"><\/div><script type=\"text\/javascript\" src=\"https:\/\/photorankstatics-a.akamaihd.net\/743d2e78a76dedeb07e0745158547931\/static\/frontend\/latest\/build.min.js\"  data-olapic=\"olapic_specific_widget\" data-instance=\"0e7d644f115bf5b989d1ee05af7bfc06\" data-apikey=\"df01ee493e9f3d515763221ac3ab0d9a43a21f84cee07eb0b7c0576d3b893b84\" async=\"async\"><\/script>\t<style>\n\t\t.is-root-container {\n\t\t\tbackground-color: #000000;\n\t\t}\n\t<\/style>\n<\/div><\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":1217,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/maccosmeticstravels.com\/zh\/wp-json\/wp\/v2\/pages\/2472"}],"collection":[{"href":"https:\/\/maccosmeticstravels.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maccosmeticstravels.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maccosmeticstravels.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maccosmeticstravels.com\/zh\/wp-json\/wp\/v2\/comments?post=2472"}],"version-history":[{"count":10,"href":"https:\/\/maccosmeticstravels.com\/zh\/wp-json\/wp\/v2\/pages\/2472\/revisions"}],"predecessor-version":[{"id":2579,"href":"https:\/\/maccosmeticstravels.com\/zh\/wp-json\/wp\/v2\/pages\/2472\/revisions\/2579"}],"up":[{"embeddable":true,"href":"https:\/\/maccosmeticstravels.com\/zh\/wp-json\/wp\/v2\/pages\/1217"}],"wp:attachment":[{"href":"https:\/\/maccosmeticstravels.com\/zh\/wp-json\/wp\/v2\/media?parent=2472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}