{"id":1120,"date":"2013-09-03T11:02:44","date_gmt":"2013-09-03T11:02:44","guid":{"rendered":"http:\/\/impreza.us-themes.net\/elements\/video-player\/"},"modified":"2013-09-03T11:02:44","modified_gmt":"2013-09-03T11:02:44","slug":"video-player","status":"publish","type":"page","link":"https:\/\/morkanguru.com.tr\/test\/elements\/video-player\/","title":{"rendered":"Video Player"},"content":{"rendered":"<section class=\"l-section wpb_row height_custom\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_2 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h4 style=\"text-align: center;\">YouTube<\/h4>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-video align_none ratio_16x9 has_iframe\"><div class=\"w-video-h\"><iframe title=\"Youtube video player\" src=\"\/\/www.youtube.com\/embed\/GLpv-9ZuEfM?autoplay=0&controls=1&origin=https:\/\/morkanguru.com.tr\/test&loop=0&mute=0\" allowfullscreen=\"1\" loading=\"lazy\"><\/iframe><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h4 style=\"text-align: center;\">Vimeo (with autoplay &amp; mute)<\/h4>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-video align_none ratio_16x9 has_iframe\"><div class=\"w-video-h\"><iframe title=\"Vimeo video player\" src=\"https:\/\/player.vimeo.com\/video\/27246366?autoplay=1&loop=0&autopause=0&color=00adef&portrait=0&byline=0&title=0&controls=0&muted=1\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen loading=\"lazy\"><\/iframe><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h4 style=\"text-align: center;\">Media File (with autoplay &amp; loop)<\/h4>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-video align_none ratio_16x9\"><div class=\"w-video-h\"><video  preload=\"metadata\" playsinline controls autoplay loop><source type=\"video\/mp4\" src=\"\/wp-content\/uploads\/section-templates.mp4\" \/><\/video><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h4 style=\"text-align: center;\">Other Sources<\/h4>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-video align_none ratio_16x9\"><div class=\"w-video-h\"><iframe loading=\"lazy\" title=\"Michael Middlebrooks: The fantastically weird world of photosynthetic sea slugs\" src=\"https:\/\/embed.ted.com\/talks\/michael_middlebrooks_the_fantastically_weird_world_of_photosynthetic_sea_slugs\" width=\"640\" height=\"360\" frameborder=\"0\" scrolling=\"no\" webkitAllowFullScreen mozallowfullscreen allowFullScreen><\/iframe><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_custom width_custom\" style=\"--site-content-width:1600px;\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: center;\">With Overlay Image<\/h2>\n<p style=\"text-align: center;\">The player and all related files will not load until a visitor clicks<\/p>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"g-cols wpb_row via_grid cols_3 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\" style=\"--columns-gap:3rem;\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-video us_custom_c5a286dd align_none ratio_16x9 has_border_radius with_overlay has_iframe\" style=\"background-image:url(https:\/\/morkanguru.com.tr\/test\/wp-content\/plugins\/us-core\/assets\/images\/placeholder.svg);\" onclick=\"return {&quot;player_id&quot;:&quot;youtube-obd7&quot;,&quot;player_api&quot;:&quot;\\\/\\\/www.youtube.com\\\/player_api&quot;,&quot;player_html&quot;:&quot;&lt;div id=\\&quot;youtube-obd7\\&quot;&gt;&lt;\\\/div&gt;&lt;script&gt;\\r\\n\\t\\t\\twindow.USYTPlayers = ( window.USYTPlayers || { initYTFunctions: [], optionsYT: [], USYTInited: false } );\\r\\n\\t\\t\\twindow.USYTPlayers.optionsYT.push( {\\r\\n\\t\\t\\t\\tplayerID: \\&quot;youtube-obd7\\&quot;,\\r\\n\\t\\t\\t\\tvideoID: \\&quot;B4ni0EjG0QQ\\&quot;,\\r\\n\\t\\t\\t\\tplayerVars: {\\&quot;autoplay\\&quot;:1,\\&quot;controls\\&quot;:0,\\&quot;origin\\&quot;:\\&quot;https:\\\\\\\/\\\\\\\/morkanguru.com.tr\\\\\\\/test\\&quot;,\\&quot;loop\\&quot;:0,\\&quot;mute\\&quot;:1,\\&quot;playlist\\&quot;:\\&quot;B4ni0EjG0QQ\\&quot;}\\r\\n\\t\\t\\t} );\\r\\n\\t\\t\\tif ( window.USYTPlayers.USYTInited === false ) {\\r\\n\\t\\t\\t\\t\\\/\\\/ Trying to override other possible WP YT API calls if our element is used\\r\\n\\t\\t\\t\\twindow.USYTPlayers.USYTInited = true;\\r\\n\\r\\n\\t\\t\\t\\twindow.onYouTubePlayerAPIReady = function() {\\r\\n\\t\\t\\t\\t\\tfor ( var i in window.USYTPlayers.optionsYT ) {\\r\\n\\t\\t\\t\\t\\t\\tvar _playerParams = window.USYTPlayers.optionsYT[ i ];\\r\\n\\t\\t\\t\\t\\t\\t$us.YTPlayers[ _playerParams.playerID ] = new YT.Player( _playerParams.playerID, {\\r\\n\\t\\t\\t\\t\\t\\t\\tvideoId: _playerParams.videoID,\\r\\n\\t\\t\\t\\t\\t\\t\\tplayerVars: _playerParams.playerVars\\r\\n\\t\\t\\t\\t\\t\\t} );\\r\\n\\t\\t\\t\\t\\t}\\r\\n\\t\\t\\t\\t}\\r\\n\\t\\t\\t}\\r\\n\\t\\t\\tif ( !!window.YT ) {\\r\\n\\t\\t\\t\\t$us.YTPlayers[\\&quot;youtube-obd7\\&quot;] = new YT.Player( \\&quot;youtube-obd7\\&quot;, {\\r\\n\\t\\t\\t\\t\\tvideoId: \\&quot;B4ni0EjG0QQ\\&quot;,\\r\\n\\t\\t\\t\\t\\tplayerVars: {\\&quot;autoplay\\&quot;:1,\\&quot;controls\\&quot;:0,\\&quot;origin\\&quot;:\\&quot;https:\\\\\\\/\\\\\\\/morkanguru.com.tr\\\\\\\/test\\&quot;,\\&quot;loop\\&quot;:0,\\&quot;mute\\&quot;:1,\\&quot;playlist\\&quot;:\\&quot;B4ni0EjG0QQ\\&quot;}\\r\\n\\t\\t\\t\\t} );\\r\\n\\t\\t\\t}\\r\\n\\t\\t&lt;\\\/script&gt;&quot;}\"><button class=\"w-video-play\" type=\"button\" aria-label=\"Play\"><span class=\"w-video-play-icon\" style=\"font-size:1.5rem;background:#ffffff;color:#1a1a1a\"><\/span><\/button><div class=\"w-video-h\"><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-video us_custom_c5a286dd align_none ratio_16x9 has_border_radius with_overlay has_iframe\" style=\"background-image:url(https:\/\/morkanguru.com.tr\/test\/wp-content\/plugins\/us-core\/assets\/images\/placeholder.svg);\" onclick=\"return {&quot;player_id&quot;:&quot;vimeo-xe6b&quot;,&quot;player_api&quot;:&quot;&quot;,&quot;player_html&quot;:&quot;&lt;iframe title=\\&quot;Vimeo video player\\&quot; src=\\&quot;https:\\\/\\\/player.vimeo.com\\\/video\\\/48363485?autoplay=1&amp;loop=0&amp;autopause=0&amp;color=00adef&amp;portrait=0&amp;byline=1&amp;title=1&amp;controls=0&amp;muted=0\\&quot; frameborder=\\&quot;0\\&quot; allow=\\&quot;autoplay; fullscreen\\&quot; allowfullscreen loading=\\&quot;lazy\\&quot;&gt;&lt;\\\/iframe&gt;&quot;}\"><button class=\"w-video-play\" type=\"button\" aria-label=\"Play\"><span class=\"w-video-play-icon\" style=\"font-size:30px;background:var(--color-content-primary-grad, var(--color-content-primary) );color:#fff\"><\/span><\/button><div class=\"w-video-h\"><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-video us_custom_c5a286dd align_none ratio_16x9 has_border_radius with_overlay\" style=\"background-image:url(https:\/\/morkanguru.com.tr\/test\/wp-content\/plugins\/us-core\/assets\/images\/placeholder.svg);\" onclick=\"return {&quot;player_html&quot;:&quot;&lt;video  preload=\\&quot;none\\&quot; playsinline&gt;&lt;source type=\\&quot;video\\\/mp4\\&quot; src=\\&quot;\\\/wp-content\\\/uploads\\\/section-templates.mp4\\&quot; \\\/&gt;&lt;\\\/video&gt;&quot;}\"><button class=\"w-video-play\" type=\"button\" aria-label=\"Play\"><span class=\"w-video-play-icon\" style=\"font-size:3rem;color:#fff\"><\/span><\/button><div class=\"w-video-h\"><video  preload=\"none\" playsinline><source type=\"video\/mp4\" src=\"\/wp-content\/uploads\/section-templates.mp4\" \/><\/video><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_custom\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: center;\">With Custom Aspect Ratio<\/h2>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"g-cols wpb_row via_grid cols_3 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\" style=\"--columns-gap:3rem;\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h4 style=\"text-align: center;\">Ratio 21:9<\/h4>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-video align_none ratio_21x9 has_iframe\"><div class=\"w-video-h\"><iframe title=\"Youtube video player\" src=\"\/\/www.youtube.com\/embed\/1jdknVf5mxw?autoplay=0&controls=1&origin=https:\/\/morkanguru.com.tr\/test&loop=0&mute=1\" allowfullscreen=\"1\" loading=\"lazy\"><\/iframe><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h4 style=\"text-align: center;\">Ratio 9:16<\/h4>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-video align_none ratio_9x16\"><div class=\"w-video-h\"><iframe loading=\"lazy\" title=\"We have technical problems with Paris video Drop... But hope to manage it soon\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/XrwsI1NzAxg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h4 style=\"text-align: center;\">Ratio 1:1<\/h4>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-video align_none ratio_1x1 has_iframe\"><div class=\"w-video-h\"><iframe title=\"Vimeo video player\" src=\"https:\/\/player.vimeo.com\/video\/98010295?autoplay=0&loop=0&autopause=0&color=00adef&portrait=0&byline=0&title=0&controls=1&muted=0\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen loading=\"lazy\"><\/iframe><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"YouTube Vimeo (with autoplay &amp; mute) Media File (with autoplay &amp; loop) Other Sources With Overlay Image The player and all related files will not load until a visitor clicks With Custom Aspect Ratio Ratio 21:9 Ratio 9:16 Ratio 1:1","protected":false},"author":1,"featured_media":0,"parent":2520,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1120","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/morkanguru.com.tr\/test\/wp-json\/wp\/v2\/pages\/1120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/morkanguru.com.tr\/test\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/morkanguru.com.tr\/test\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/morkanguru.com.tr\/test\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/morkanguru.com.tr\/test\/wp-json\/wp\/v2\/comments?post=1120"}],"version-history":[{"count":0,"href":"https:\/\/morkanguru.com.tr\/test\/wp-json\/wp\/v2\/pages\/1120\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/morkanguru.com.tr\/test\/wp-json\/wp\/v2\/pages\/2520"}],"wp:attachment":[{"href":"https:\/\/morkanguru.com.tr\/test\/wp-json\/wp\/v2\/media?parent=1120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}