{"id":2089,"date":"2023-01-24T00:04:45","date_gmt":"2023-01-24T00:04:45","guid":{"rendered":"https:\/\/dornsife.usc.edu\/components\/?page_id=2089"},"modified":"2023-03-09T00:40:09","modified_gmt":"2023-03-09T00:40:09","slug":"video-pane-component","status":"publish","type":"page","link":"https:\/\/dornsife.usc.edu\/components\/video-pane-component\/","title":{"rendered":"Video Pane Component"},"content":{"rendered":"\n\n  \n    \n\n\n\n\n\n\n<div\n  class=\"cc--component-container cc--rich-text \"\n\n  \n  \n  \n  \n  \n  \n  >\n  <div class=\"c--component c--rich-text\"\n    \n      >\n\n    \n      \n<div class=\"f--field f--wysiwyg\">\n\n    \n  <p><strong>General Specifications:<\/strong><\/p>\n<p><strong>Title:<\/strong> Optional<br \/>\n<strong>Description:<\/strong> Optional<br \/>\n<strong>Link<\/strong>: Optional<\/p>\n<p><strong>Video Card Specifications:<br \/>\n<\/strong><em>Note: fields with stars *\u00a0are mandatory fields and can not be skipped, also the cards will not display correctly<\/em><\/p>\n<p><strong>Title<\/strong>: mandatory<br \/>\n<strong>Placeholder image<\/strong>: mandatory. depending on how you going to display the component portrait or landscape you might need different size images. For portrait you will need an image for example of 900 x 1600 (9:16) and for the landscape you will need an image of 1200 x 675 (16:9)<br \/>\n<strong>Ambient Video: <\/strong>Optional. For this field to work you need to provide a link to a .mp4 video.<br \/>\n<strong>YouTube ID<\/strong>: mandatory.<\/p>\n<p><strong>Attribution fields are, optional:<\/strong><br \/>\n<strong>Name:<\/strong>\u00a0optional, plain text<br \/>\n<strong>Title:<\/strong>\u00a0optional, plain text<br \/>\n<strong>Quote Text:<\/strong>\u00a0optional, plain text<br \/>\n<strong>Card Link:<\/strong>\u00a0optional, link with label<\/p>\n\n\n\n<\/div>\n\n\n  <\/div><\/div>\n\n\n  \n    \n\n\n\n\n\n\n<div\n  class=\"cc--component-container cc--spacer \"\n\n  \n  \n  \n  \n  \n  \n  >\n  <div class=\"c--component c--spacer\"\n    \n      >\n\n    \n\n  <\/div><\/div>\n\n\n\n\n  \n    \n\n\n\n\n\n\n<div\n  class=\"cc--component-container cc--rich-text \"\n\n  \n  \n  \n  \n  \n  \n  >\n  <div class=\"c--component c--rich-text\"\n    \n      >\n\n    \n      \n<div class=\"f--field f--wysiwyg\">\n\n    \n  <h3>How to video<\/h3>\n<div class=\"video-embed\"><iframe loading=\"lazy\" title=\"Video Pane\" src=\"https:\/\/player.vimeo.com\/video\/796771980?h=75195a3cf3&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"281\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><\/div>\n\n\n\n<\/div>\n\n\n  <\/div><\/div>\n\n\n  \n    \n\n\n\n\n\n\n<div\n  class=\"cc--component-container cc--spacer \"\n\n  \n  \n  \n  \n  \n  \n  >\n  <div class=\"c--component c--spacer\"\n    \n      >\n\n    \n\n  <\/div><\/div>\n\n\n\n\n\n                                 \n  \n    \n\n\n\n\n\n\n<div\n  class=\"cc--component-container cc--video-pane is-landscape\"\n\n  \n  \n  \n  \n  \n  \n  >\n  <div class=\"c--component c--video-pane\"\n    \n      >\n\n    \n<div class=\"inner-wrapper\">\n\n  \n  <div class=\"description-link-container\">\n\n              \n<div class=\"f--field f--section-title\">\n\n    \n  <h2>\n          VIdeo Pane Example 1\n      <\/h2>\n\n\n<\/div>\n    \n              \n<div class=\"f--field f--description\">\n\n    \n  <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using &#8216;Content here, content here&#8217;It is a l<\/p>\n\n\n\n<\/div>\n    \n              \n<div class=\"f--field f--link\">\n\n    \n    \n  \n<a \n  class=\"link\"\n  href= https:\/\/www.youtube.com\/watch?v=c9ikS37JFa8\n    aria-label=\"Read more about watch on youtube\"  \n>\n    watch on youtube \n  <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 35 35\" enable-background=\"new 0 0 35 35\" width=\"25\" height=\"25\" xml:space=\"preserve\"><polygon fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#FC0\" points=\"19.3,27.5 29.3,17.5,19.3,7.5 16.3,10.4 21.4,15.4 6.7,15.4 6.7,19.6 21.4,19.6 16.3,24.6 \"\/><\/svg>\n<\/a>\n\n\n<\/div>\n      <\/div>\n\n\n  <div class=\"swiper\">\n\n    <div class=\"swiper-wrapper cards-container\">\n\n      \n        \n                                                              \n        \n          <div class=\"card swiper-slide\">\n\n                          <div class=\"image-container\">\n\n\n                    \n<div class=\"f--field f--image\">\n\n    \n    \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/01\/download-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/01\/download-768x432.jpg 768w\"          data-sizes=\"(min-width:1200px) 75vw, (min-width:768px) 83vw, 100vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n  \n\n<\/div>\n\n                \n                                  <a href=\"#card-1334733989\" aria-label=\"Play video in lightbox\" class=\"play-video\">\n                    <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 75 75\" enable-background=\"new 0 0 75 75\" xml:space=\"preserve\">\n                      <rect fill=\"#FFCC00\" width=\"75\" height=\"75\"\/>\n                      <polygon fill-rule=\"evenodd\" clip-rule=\"evenodd\" points=\"44.4,37.5 34.2,43.9 34.2,31.1 \"\/>\n                    <\/svg>\n                  <\/a>\n                              <\/div>\n\n            \n            <div class=\"overlay\">\n              <span class=\"card-title\">A Welcome Back Message from President Carol L. Folt<\/span>\n              <span class=\"card-name\"><\/span>\n              <span class=\"card-name-title\"><\/span>\n            <\/div>\n\n          <\/div>\n\n        \n          <div class=\"card swiper-slide\">\n\n                          <div class=\"image-container\">\n\n\n                    \n<div class=\"f--field f--image\">\n\n    \n    \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/contact_hero_img2-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/contact_hero_img2-1280x720.jpg 1280w,https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/contact_hero_img2-768x432.jpg 768w\"          data-sizes=\"(min-width:1200px) 75vw, (min-width:768px) 83vw, 100vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n  \n\n<\/div>\n\n                \n                                  <a href=\"#card-1687599500\" aria-label=\"Play video in lightbox\" class=\"play-video\">\n                    <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 75 75\" enable-background=\"new 0 0 75 75\" xml:space=\"preserve\">\n                      <rect fill=\"#FFCC00\" width=\"75\" height=\"75\"\/>\n                      <polygon fill-rule=\"evenodd\" clip-rule=\"evenodd\" points=\"44.4,37.5 34.2,43.9 34.2,31.1 \"\/>\n                    <\/svg>\n                  <\/a>\n                              <\/div>\n\n            \n            <div class=\"overlay\">\n              <span class=\"card-title\">USC Dornsife <\/span>\n              <span class=\"card-name\"><\/span>\n              <span class=\"card-name-title\"><\/span>\n            <\/div>\n\n          <\/div>\n\n        \n          <div class=\"card swiper-slide\">\n\n                          <div class=\"image-container\">\n\n\n                    \n<div class=\"f--field f--image\">\n\n    \n    \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/01\/FmmTqmeX0AIJwyw-768x432.png\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/01\/FmmTqmeX0AIJwyw-1920x1080.png 1920w,https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/01\/FmmTqmeX0AIJwyw-1280x720.png 1280w,https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/01\/FmmTqmeX0AIJwyw-768x432.png 768w\"          data-sizes=\"(min-width:1200px) 75vw, (min-width:768px) 83vw, 100vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n  \n\n<\/div>\n\n                \n                                  <a href=\"#card-311418305\" aria-label=\"Play video in lightbox\" class=\"play-video\">\n                    <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 75 75\" enable-background=\"new 0 0 75 75\" xml:space=\"preserve\">\n                      <rect fill=\"#FFCC00\" width=\"75\" height=\"75\"\/>\n                      <polygon fill-rule=\"evenodd\" clip-rule=\"evenodd\" points=\"44.4,37.5 34.2,43.9 34.2,31.1 \"\/>\n                    <\/svg>\n                  <\/a>\n                              <\/div>\n\n            \n            <div class=\"overlay\">\n              <span class=\"card-title\">Poet, Safiya Sinclair, talks about her process<\/span>\n              <span class=\"card-name\"><\/span>\n              <span class=\"card-name-title\"><\/span>\n            <\/div>\n\n          <\/div>\n\n        \n      \n    <\/div>\n\n    <div class=\"controls-container\">\n      <button class=\"button-prev\" aria-label=\"Previous Image\">\n        <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\n        x=\"0px\" y=\"0px\" viewBox=\"0 0 35 35\" enable-background=\"new 0 0 35 35\" xml:space=\"preserve\">\n        <polygon fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#FFF\" points=\"15.7,27.5 5.7,17.5\n        15.7,7.5 18.7,10.4 13.6,15.4 28.3,15.4 28.3,19.6 13.6,19.6 18.7,24.6 \"\/>\n        <\/svg>\n      <\/button>\n      <button class=\"button-next\" aria-label=\"Next Image\">\n        <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\nx=\"0px\" y=\"0px\" viewBox=\"0 0 35 35\" enable-background=\"new 0 0 35 35\" xml:space=\"preserve\"><polygon fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#FFF\" points=\"19.3,27.5 29.3,17.5\n19.3,7.5 16.3,10.4 21.4,15.4 6.7,15.4 6.7,19.6 21.4,19.6 16.3,24.6 \"\/>\n<\/svg>\n      <\/button>\n    <\/div>\n\n  <\/div>\n\n\n        <div id=\"card-1334733989\" class=\"video-pane-video-inner lity-hide is-landscape\">\n\n              <div class=\"video-embed\">\n          <iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/c9ikS37JFa8\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen><\/iframe>\n        <\/div>\n      \n      <div class=\"text-container\">\n\n        <div class=\"left\">\n                      <h3>A Welcome Back Message from President Carol L. Folt<\/h3>\n          \n          \n                  <\/div>\n\n        <div class=\"right\">\n          \n                  <\/div>\n\n      <\/div>\n\n    <\/div>\n\n      <div id=\"card-1687599500\" class=\"video-pane-video-inner lity-hide is-landscape\">\n\n              <div class=\"video-embed\">\n          <iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/-FiC6jIJa6s\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen><\/iframe>\n        <\/div>\n      \n      <div class=\"text-container\">\n\n        <div class=\"left\">\n                      <h3>USC Dornsife <\/h3>\n          \n          \n                  <\/div>\n\n        <div class=\"right\">\n          \n                  <\/div>\n\n      <\/div>\n\n    <\/div>\n\n      <div id=\"card-311418305\" class=\"video-pane-video-inner lity-hide is-landscape\">\n\n              <div class=\"video-embed\">\n          <iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/1ls2rahjz6w\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen><\/iframe>\n        <\/div>\n      \n      <div class=\"text-container\">\n\n        <div class=\"left\">\n                      <h3>Poet, Safiya Sinclair, talks about her process<\/h3>\n          \n          \n                  <\/div>\n\n        <div class=\"right\">\n          \n                  <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  \n<\/div>\n\n\n  <\/div><\/div>\n\n\n  \n    \n\n\n\n\n\n\n<div\n  class=\"cc--component-container cc--spacer \"\n\n  \n  \n  \n  \n  \n  \n  >\n  <div class=\"c--component c--spacer\"\n    \n      >\n\n    \n\n  <\/div><\/div>\n\n\n\n\n\n                              \n  \n    \n\n\n\n\n\n\n<div\n  class=\"cc--component-container cc--video-pane \"\n\n  \n  \n  \n  \n  \n  \n  >\n  <div class=\"c--component c--video-pane\"\n    \n      >\n\n    \n<div class=\"inner-wrapper\">\n\n          \n<div class=\"f--field f--section-title\">\n\n    \n  <h2>\n          Video Pane Example 2\n      <\/h2>\n\n\n<\/div>\n  \n  <div class=\"description-link-container\">\n\n    \n              \n<div class=\"f--field f--description\">\n\n    \n  <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using &#8216;Content here, content here&#8217;It is a l<\/p>\n\n\n\n<\/div>\n    \n      <\/div>\n\n\n  <div class=\"swiper\">\n\n    <div class=\"swiper-wrapper cards-container\">\n\n      \n        \n                                                              \n        \n          <div class=\"card swiper-slide\">\n\n                          <div class=\"image-container\">\n\n\n                    \n<div class=\"f--field f--image\">\n\n    \n    \n    \n    \n    \n    \n              \n      <img decoding=\"async\"\n                            src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/01\/download-800x1422-c-default.jpg\"\n                    \n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n  \n\n<\/div>\n\n                                  <div class=\"f--video\">\n                    <video\n                      preload=\"auto\"\n                      aria-hidden=\"true\"\n                      tabindex=\"-1\"\n                      loop\n                      playsinline\n                      muted\n                    >\n                      <source src=\"https:\/\/www.youtube.com\/watch?v=c9ikS37JFa8\" type=\"video\/mp4\">\n                    <\/video>\n                  <\/div>\n                \n                                  <a href=\"#card-718876529\" aria-label=\"Play video in lightbox\" class=\"play-video\">\n                    <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 75 75\" enable-background=\"new 0 0 75 75\" xml:space=\"preserve\">\n                      <rect fill=\"#FFCC00\" width=\"75\" height=\"75\"\/>\n                      <polygon fill-rule=\"evenodd\" clip-rule=\"evenodd\" points=\"44.4,37.5 34.2,43.9 34.2,31.1 \"\/>\n                    <\/svg>\n                  <\/a>\n                              <\/div>\n\n            \n            <div class=\"overlay\">\n              <span class=\"card-title\">A Welcome Back Message from President Carol L. Folt<\/span>\n              <span class=\"card-name\"><\/span>\n              <span class=\"card-name-title\"><\/span>\n            <\/div>\n\n          <\/div>\n\n        \n          <div class=\"card swiper-slide\">\n\n                          <div class=\"image-container\">\n\n\n                    \n<div class=\"f--field f--image\">\n\n    \n    \n    \n    \n    \n    \n              \n      <img decoding=\"async\"\n                            src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/contact_hero_img2-800x1422-c-default.jpg\"\n                    \n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n  \n\n<\/div>\n\n                \n                                  <a href=\"#card-1008202268\" aria-label=\"Play video in lightbox\" class=\"play-video\">\n                    <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 75 75\" enable-background=\"new 0 0 75 75\" xml:space=\"preserve\">\n                      <rect fill=\"#FFCC00\" width=\"75\" height=\"75\"\/>\n                      <polygon fill-rule=\"evenodd\" clip-rule=\"evenodd\" points=\"44.4,37.5 34.2,43.9 34.2,31.1 \"\/>\n                    <\/svg>\n                  <\/a>\n                              <\/div>\n\n            \n            <div class=\"overlay\">\n              <span class=\"card-title\">USC Dornsife <\/span>\n              <span class=\"card-name\"><\/span>\n              <span class=\"card-name-title\"><\/span>\n            <\/div>\n\n          <\/div>\n\n        \n          <div class=\"card swiper-slide\">\n\n                          <div class=\"image-container\">\n\n\n                    \n<div class=\"f--field f--image\">\n\n    \n    \n    \n    \n    \n    \n              \n      <img decoding=\"async\"\n                            src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/01\/FmmTqmeX0AIJwyw-800x1422-c-default.png\"\n                    \n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n  \n\n<\/div>\n\n                \n                                  <a href=\"#card-774941272\" aria-label=\"Play video in lightbox\" class=\"play-video\">\n                    <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 75 75\" enable-background=\"new 0 0 75 75\" xml:space=\"preserve\">\n                      <rect fill=\"#FFCC00\" width=\"75\" height=\"75\"\/>\n                      <polygon fill-rule=\"evenodd\" clip-rule=\"evenodd\" points=\"44.4,37.5 34.2,43.9 34.2,31.1 \"\/>\n                    <\/svg>\n                  <\/a>\n                              <\/div>\n\n            \n            <div class=\"overlay\">\n              <span class=\"card-title\">Poet, Safiya Sinclair, talks about her process<\/span>\n              <span class=\"card-name\"><\/span>\n              <span class=\"card-name-title\"><\/span>\n            <\/div>\n\n          <\/div>\n\n        \n      \n    <\/div>\n\n    <div class=\"controls-container\">\n      <button class=\"button-prev\" aria-label=\"Previous Image\">\n        <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\n        x=\"0px\" y=\"0px\" viewBox=\"0 0 35 35\" enable-background=\"new 0 0 35 35\" xml:space=\"preserve\">\n        <polygon fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#FFF\" points=\"15.7,27.5 5.7,17.5\n        15.7,7.5 18.7,10.4 13.6,15.4 28.3,15.4 28.3,19.6 13.6,19.6 18.7,24.6 \"\/>\n        <\/svg>\n      <\/button>\n      <button class=\"button-next\" aria-label=\"Next Image\">\n        <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\nx=\"0px\" y=\"0px\" viewBox=\"0 0 35 35\" enable-background=\"new 0 0 35 35\" xml:space=\"preserve\"><polygon fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#FFF\" points=\"19.3,27.5 29.3,17.5\n19.3,7.5 16.3,10.4 21.4,15.4 6.7,15.4 6.7,19.6 21.4,19.6 16.3,24.6 \"\/>\n<\/svg>\n      <\/button>\n    <\/div>\n\n  <\/div>\n\n\n        <div id=\"card-718876529\" class=\"video-pane-video-inner lity-hide\">\n\n              <div class=\"video-embed\">\n          <iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/c9ikS37JFa8\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen><\/iframe>\n        <\/div>\n      \n      <div class=\"text-container\">\n\n        <div class=\"left\">\n                      <h3>A Welcome Back Message from President Carol L. Folt<\/h3>\n          \n          \n                  <\/div>\n\n        <div class=\"right\">\n          \n                  <\/div>\n\n      <\/div>\n\n    <\/div>\n\n      <div id=\"card-1008202268\" class=\"video-pane-video-inner lity-hide\">\n\n              <div class=\"video-embed\">\n          <iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/-FiC6jIJa6s\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen><\/iframe>\n        <\/div>\n      \n      <div class=\"text-container\">\n\n        <div class=\"left\">\n                      <h3>USC Dornsife <\/h3>\n          \n          \n                  <\/div>\n\n        <div class=\"right\">\n          \n                  <\/div>\n\n      <\/div>\n\n    <\/div>\n\n      <div id=\"card-774941272\" class=\"video-pane-video-inner lity-hide\">\n\n              <div class=\"video-embed\">\n          <iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/1ls2rahjz6w\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen><\/iframe>\n        <\/div>\n      \n      <div class=\"text-container\">\n\n        <div class=\"left\">\n                      <h3>Poet, Safiya Sinclair, talks about her process<\/h3>\n          \n          \n                  <\/div>\n\n        <div class=\"right\">\n          \n                  <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  \n<\/div>\n\n\n  <\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2089","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Video Pane Component - Wordpress CMS Components<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Video Pane Component - Wordpress CMS Components\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dornsife.usc.edu\/components\/video-pane-component\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress CMS Components\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-09T00:40:09+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dornsife.usc.edu\/components\/video-pane-component\/\",\"url\":\"https:\/\/dornsife.usc.edu\/components\/video-pane-component\/\",\"name\":\"Video Pane Component - Wordpress CMS Components\",\"isPartOf\":{\"@id\":\"https:\/\/dornsife.usc.edu\/components\/#website\"},\"datePublished\":\"2023-01-24T00:04:45+00:00\",\"dateModified\":\"2023-03-09T00:40:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/dornsife.usc.edu\/components\/video-pane-component\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dornsife.usc.edu\/components\/video-pane-component\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dornsife.usc.edu\/components\/video-pane-component\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dornsife.usc.edu\/components\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Video Pane Component\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/dornsife.usc.edu\/components\/#website\",\"url\":\"https:\/\/dornsife.usc.edu\/components\/\",\"name\":\"Wordpress CMS Components\",\"description\":\"CMS components\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/dornsife.usc.edu\/components\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Video Pane Component - Wordpress CMS Components","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Video Pane Component - Wordpress CMS Components","og_url":"https:\/\/dornsife.usc.edu\/components\/video-pane-component\/","og_site_name":"Wordpress CMS Components","article_modified_time":"2023-03-09T00:40:09+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dornsife.usc.edu\/components\/video-pane-component\/","url":"https:\/\/dornsife.usc.edu\/components\/video-pane-component\/","name":"Video Pane Component - Wordpress CMS Components","isPartOf":{"@id":"https:\/\/dornsife.usc.edu\/components\/#website"},"datePublished":"2023-01-24T00:04:45+00:00","dateModified":"2023-03-09T00:40:09+00:00","breadcrumb":{"@id":"https:\/\/dornsife.usc.edu\/components\/video-pane-component\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dornsife.usc.edu\/components\/video-pane-component\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dornsife.usc.edu\/components\/video-pane-component\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dornsife.usc.edu\/components\/"},{"@type":"ListItem","position":2,"name":"Video Pane Component"}]},{"@type":"WebSite","@id":"https:\/\/dornsife.usc.edu\/components\/#website","url":"https:\/\/dornsife.usc.edu\/components\/","name":"Wordpress CMS Components","description":"CMS components","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dornsife.usc.edu\/components\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/pages\/2089","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/comments?post=2089"}],"version-history":[{"count":94,"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/pages\/2089\/revisions"}],"predecessor-version":[{"id":2440,"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/pages\/2089\/revisions\/2440"}],"wp:attachment":[{"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/media?parent=2089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}