Récupération page «Il»
parent
9af38a26a7
commit
728d9cb79b
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,174 @@
|
|||
---
|
||||
layout: layouts/base.njk
|
||||
---
|
||||
|
||||
<div data-elementor-type="wp-page" data-elementor-id="133" class="elementor elementor-133" data-elementor-settings="[]">
|
||||
<div class="elementor-section-wrap">
|
||||
<section class="elementor-section elementor-top-section elementor-element elementor-element-f5f4774 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f5f4774" data-element_type="section">
|
||||
<div class="elementor-container elementor-column-gap-default">
|
||||
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0e66775" data-id="0e66775" data-element_type="column">
|
||||
<div class="elementor-widget-wrap elementor-element-populated">
|
||||
<div class="elementor-element elementor-element-8e2e189 elementor-widget elementor-widget-image" data-id="8e2e189" data-element_type="widget" data-widget_type="image.default">
|
||||
<div class="elementor-widget-container">
|
||||
<style>/*! elementor - v3.5.0 - 12-12-2021 */
|
||||
.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}</style> <a href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/Affiche.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-title=""IL" - Affiche par Mehdi Arfaoui">
|
||||
<img src="/images/Affiche-424x600.jpg" class="attachment-medium size-medium" alt="" loading="lazy" srcset="/images/Affiche-424x600.jpg 424w, /images/Affiche.jpg 595w" sizes="(max-width: 424px) 100vw, 424px" width="424" height="600"> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-cef7fa6" data-id="cef7fa6" data-element_type="column">
|
||||
<div class="elementor-widget-wrap elementor-element-populated">
|
||||
<div class="elementor-element elementor-element-19e1783 elementor-widget elementor-widget-text-editor" data-id="19e1783" data-element_type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<style>/*! elementor - v3.5.0 - 12-12-2021 */
|
||||
.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#818a91;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#818a91;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}</style> <h2>« Il » de Driss Ksikes</h2><p><em>Création compagnie Kalimat</em></p><ul><li><em>Théâtre contemporain</em></li><li><em>Durée 1h20</em></li><li><em>Tout Public</em></li></ul><p><strong>Avec en alternance :</strong>
|
||||
Fred Aklan, Jeremy Assoun, Khadija Azizi, Alexandra Burais, Céline
|
||||
Crespy, Laura Dallo, Rémi Deswarte, Mathieu Gordien, Thaïs Moreau,
|
||||
Quentin Nicolet, Lorena Negrescu, Guy Vareilhes.</p><p><b>Mise en scène : </b>Malika Zirari.</p><p><b>Scénographie : </b>Malika Zirari, assistée de Sylvie Rota.</p><p><strong>Conseil dramaturgique :</strong> Annie Dana.</p><p><strong>Création sonore :</strong> Thibault Jarrige.</p><p><strong>Création lumière :</strong> Maxime Gentric.</p><p><strong>Conseil artistique :</strong> Laurent Leclerc.</p><p><strong style="font-size: 16px; letter-spacing: var( --e-global-typography-474db88-letter-spacing );">Administration :</strong><span style="font-size: 16px; letter-spacing: var( --e-global-typography-474db88-letter-spacing );"> Mehdi Arfaoui.</span></p> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="elementor-section elementor-top-section elementor-element elementor-element-707913d elementor-reverse-mobile elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="707913d" data-element_type="section">
|
||||
<div class="elementor-container elementor-column-gap-default">
|
||||
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-efea764" data-id="efea764" data-element_type="column">
|
||||
<div class="elementor-widget-wrap elementor-element-populated">
|
||||
<div class="elementor-element elementor-element-c95ee69 elementor-widget elementor-widget-text-editor" data-id="c95ee69" data-element_type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h2>Résumé de la pièce</h2><p>La pièce se présente sous la forme
|
||||
de 6 tableaux et se déroule dans un lieu unique, clos et souterrain
|
||||
nommé Uterrus. Elle comprend 6 personnages, trois hommes et trois
|
||||
femmes, les Uterriens. Le dos courbé, ils vivent sous l’autorité de IL,
|
||||
puissance invisible et inaccessible qui les domine et hante leur
|
||||
quotidien et qu’ils ne connaissent que par la voix de son messager ILAN.
|
||||
Tous rêvent ensemble du jour où ils s’arracheront enfin à leur
|
||||
captivité et ne courberont plus l’échine.</p><p><strong>Mais le veulent-ils vraiment ? </strong></p><p><strong>Réussiront-ils, en 6 jours, les épreuves qui leur sont proposées ? </strong></p><p><strong>Trouveront-ils la clé qui leur permettra de briser le mur de l’enfermement et de l’humiliation ? </strong></p><p><strong>La vie hors les murs est-elle souhaitable ? N’est-elle pas tout compte fait pure illusion ?</strong></p> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-35e22b5" data-id="35e22b5" data-element_type="column">
|
||||
<div class="elementor-widget-wrap elementor-element-populated">
|
||||
<div class="elementor-element elementor-element-71afedd elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel" data-id="71afedd" data-element_type="widget" data-settings="{"slides_to_show":"1","navigation":"dots","autoplay":"no","infinite":"yes","effect":"slide","speed":500}" data-widget_type="image-carousel.default">
|
||||
<div class="elementor-widget-container">
|
||||
<style>/*! elementor - v3.5.0 - 12-12-2021 */
|
||||
.elementor-widget-image-carousel .swiper-container{position:static}.elementor-widget-image-carousel .swiper-container .swiper-slide figure{line-height:inherit}.elementor-widget-image-carousel .swiper-slide{text-align:center}.elementor-image-carousel-wrapper:not(.swiper-container-initialized) .swiper-slide{max-width:calc(100% / var(--e-image-carousel-slides-to-show, 3))}</style> <div class="elementor-image-carousel-wrapper swiper-container" dir="ltr">
|
||||
<div class="elementor-image-carousel swiper-wrapper">
|
||||
<div class="swiper-slide"><a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="71afedd" data-elementor-lightbox-title="Répétition - Photo de Fred Aklan" href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/repetition15_000-scaled.jpg"><figure class="swiper-slide-inner"><img class="swiper-slide-image" src="/images/repetition15_000-scaled-pebzcicd0hn4oh6ev8z1e6n92vp6lehary9c.jpg" alt="Répétition - Photo de Fred Aklan"></figure></a></div><div class="swiper-slide"><a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="71afedd" data-elementor-lightbox-title="Répétition - Photo de Fred Aklan" href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/repetition6-scaled.jpg"><figure class="swiper-slide-inner"><img class="swiper-slide-image" src="/images/repetition6-scaled-pebzc2d3sb1973tmgk2dpsoezbvxyjpv1r62ybemx.jpg" alt="Répétition - Photo de Fred Aklan"></figure></a></div><div class="swiper-slide"><a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="71afedd" data-elementor-lightbox-title="Répétition - Photo de Fred Aklan" href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/repetition21-scaled.jpg"><figure class="swiper-slide-inner"><img class="swiper-slide-image" src="/images/repetition21-scaled-pebzd4whkii0f49n7iq320ybc4lzq4yuv1wzmnth.jpg" alt="Répétition - Photo de Fred Aklan"></figure></a></div><div class="swiper-slide"><a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="71afedd" data-elementor-lightbox-title="Répétition - Photo de Fred Aklan" href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/repetition16-scaled.jpg"><figure class="swiper-slide-inner"><img class="swiper-slide-image" src="/images/repetition16-scaled-pebzcqswpzypkyu4humoimiefcjhioevt44pfiee.jpg" alt="Répétition - Photo de Fred Aklan"></figure></a></div><div class="swiper-slide"><a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="71afedd" data-elementor-lightbox-title="Répétition - Photo de Fred Aklan" href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/repetition19-scaled.jpg"><figure class="swiper-slide-inner"><img class="swiper-slide-image" src="/images/repetition19-scaled-pegkb02wygzorl6p8p18s4k5c3mhsevuwrezyhop.jpg" alt="Répétition - Photo de Fred Aklan"></figure></a></div> </div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="elementor-section elementor-top-section elementor-element elementor-element-fe15f02 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="fe15f02" data-element_type="section">
|
||||
<div class="elementor-container elementor-column-gap-default">
|
||||
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-347bcdd" data-id="347bcdd" data-element_type="column">
|
||||
<div class="elementor-widget-wrap elementor-element-populated">
|
||||
<div class="elementor-element elementor-element-5d7349f elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel" data-id="5d7349f" data-element_type="widget" data-settings="{"slides_to_show":"1","navigation":"dots","autoplay":"no","infinite":"yes","effect":"slide","speed":500}" data-widget_type="image-carousel.default">
|
||||
<div class="elementor-widget-container">
|
||||
<div class="elementor-image-carousel-wrapper swiper-container" dir="ltr">
|
||||
<div class="elementor-image-carousel swiper-wrapper">
|
||||
<div class="swiper-slide"><a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="5d7349f" data-elementor-lightbox-title="Driss" href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/43231335_10157928329319251_8296632920328634368_nfdfffds.jpg"><figure class="swiper-slide-inner"><img class="swiper-slide-image" src="/images/43231335_10157928329319251_8296632920328634368_nfdfffds-pe0m.jpg" alt="Driss"></figure></a></div><div class="swiper-slide"><a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="5d7349f" data-elementor-lightbox-title="Rencontre entre Malika et Driss" href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/09/IMG-20210707-WA0004.jpg"><figure class="swiper-slide-inner"><img class="swiper-slide-image" src="/images/IMG-20210707-WA0004-pd2fkkaqqspqt9gqhu23vcspds2nw7bql3lvseal.jpg" alt="Rencontre entre Malika et Driss"></figure></a></div> </div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6cc957f" data-id="6cc957f" data-element_type="column">
|
||||
<div class="elementor-widget-wrap elementor-element-populated">
|
||||
<div class="elementor-element elementor-element-0fdb19c elementor-widget elementor-widget-text-editor" data-id="0fdb19c" data-element_type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<h2>L’auteur, Driss Ksikes</h2><p>Né le 7 mars 1968 à Casablanca.
|
||||
Ecrivain et dramaturge, il est directeur d’Economia, centre de
|
||||
recherche de HEM, où il encadre des équipes de recherche
|
||||
interdisciplinaires. Ancien rédacteur en chef du magazine TelQuel
|
||||
(2001-2006), il est depuis 1996 professeur à HEM de méthodologie et de
|
||||
grands débats politiques, et depuis 2007, chercheur en médias et culture
|
||||
et auteur associé à plusieurs revues littéraires internationales. Il
|
||||
est, depuis 2015, professeur et conférencier dans plusieurs universités
|
||||
américaines (Northwestern, UCLA, Tulane, Williams).<br><span style="font-size: 16px; letter-spacing: var( --e-global-typography-474db88-letter-spacing );">A
|
||||
l’initiative de projets mettant l’art, la culture et le débat au cœur
|
||||
de la cité, il est co-fondateur des Rencontres d’Averroès à Rabat, du
|
||||
Collectif du Vivre ensemble, de la chaire Fatéma Mernissi et curateur
|
||||
littéraire de plusieurs programmes (la Biennale d’Art de Marrakech, 2014
|
||||
– Les nuits de la philosophie, 2017 et 2018). Il est membre du comité
|
||||
scientifique du CODESRIA, principale structure d’appui de la recherche
|
||||
en sciences sociales en Afrique.<br></span><span style="font-size: 16px; letter-spacing: var( --e-global-typography-474db88-letter-spacing );">Ses
|
||||
publications englobent le théâtre, la fiction et l’essai. Parmi ses
|
||||
derniers titres, Au détroit d’Averroès (Ed. Le Fennec, 2017 – Ed.
|
||||
Fayard, 2019) et Le métier d’intellectuel (co-écrit avec Fadma Aït Mous,
|
||||
Coll. Les Presses de l’université citoyenne, Ed. En toutes lettres,
|
||||
2014) pour lequel ils ont reçu le Prix Grand Atlas du meilleur essai en
|
||||
2015. Il a également reçu plusieurs distinctions à l’international pour
|
||||
ses pièces de théâtre, dont celle du National Studio Theater de Londres
|
||||
parmi les six meilleurs dramaturges africains.<br></span><span style="font-size: 16px; letter-spacing: var( --e-global-typography-474db88-letter-spacing );">En
|
||||
décembre 2019, il a été nommé par le roi du Maroc Mohammed VI membre
|
||||
parmi 35 personnalités de la Commission Spéciale sur le Modèle de
|
||||
Développement du Maroc, chargée d’élaborer un nouveau modèle de
|
||||
développement et de livrer son rapport en 2021.</span></p> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="elementor-section elementor-top-section elementor-element elementor-element-96c4c40 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="96c4c40" data-element_type="section">
|
||||
<div class="elementor-container elementor-column-gap-default">
|
||||
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2745896" data-id="2745896" data-element_type="column">
|
||||
<div class="elementor-widget-wrap elementor-element-populated">
|
||||
<div class="elementor-element elementor-element-70b08db elementor-widget elementor-widget-image" data-id="70b08db" data-element_type="widget" data-widget_type="image.default">
|
||||
<div class="elementor-widget-container">
|
||||
<a href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/Repetition-scaled-e1633968870453.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="Répétition - Photo de Fred Aklan">
|
||||
<img src="/images/Repetition-scaled-e1633968870453-peeyy46jgmc0idw127m1uasqxrm.jpg" title="Répétition – Photo de Fred Aklan" alt="Répétition - Photo de Fred Aklan"> </a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elementor-element elementor-element-7916f59 elementor-widget elementor-widget-text-editor" data-id="7916f59" data-element_type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p>IL est une pièce dérangeante qui dénonce avec légèreté la
|
||||
servitude volontaire, la soumission à un pouvoir, la manipulation et
|
||||
l’influence des médias. La langue, parfois volontairement crue, parle
|
||||
aussi de sexe oscillant entre répliques absurdes et jeux de mots
|
||||
audacieux. Comme l’écrit Florence Beaugé en 2008 dans <a title="Au Maroc, loin des Terriens" href="https://web.archive.org/web/20211225100303/https://www.lemonde.fr/culture/article/2008/12/18/au-maroc-loin-des-terriens_1132690_3246.html?fbclid=IwAR1dfk8bocDp2H1fy1hN5ucbtjYNeTl5GFama2TLmXUSdAOsy9FqrebkVP8" target="_blank" rel="noopener">un article</a> paru dans Le Monde, « IL est une pièce sur la soumission consentie ».</p> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="elementor-section elementor-top-section elementor-element elementor-element-b8bb1a7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="b8bb1a7" data-element_type="section">
|
||||
<div class="elementor-container elementor-column-gap-default">
|
||||
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4b9ac7c" data-id="4b9ac7c" data-element_type="column">
|
||||
<div class="elementor-widget-wrap elementor-element-populated">
|
||||
<div class="elementor-element elementor-element-89154d4 elementor-aspect-ratio-169 elementor-widget elementor-widget-video" data-id="89154d4" data-element_type="widget" data-settings="{"youtube_url":"https:\/\/youtu.be\/M3t_e4jo6pM","modestbranding":"yes","video_type":"youtube","controls":"yes","aspect_ratio":"169"}" data-widget_type="video.default">
|
||||
<div class="elementor-widget-container">
|
||||
<style>/*! elementor - v3.5.0 - 12-12-2021 */
|
||||
.elementor-widget-video .elementor-widget-container{overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-background-size:cover;background-size:cover;background-position:50%}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{display:block;width:100%}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}</style> <div class="elementor-wrapper elementor-fit-aspect-ratio elementor-open-inline">
|
||||
<div class="elementor-video"></div> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="elementor-section elementor-top-section elementor-element elementor-element-0026374 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0026374" data-element_type="section">
|
||||
<div class="elementor-container elementor-column-gap-default">
|
||||
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4afbfee" data-id="4afbfee" data-element_type="column">
|
||||
<div class="elementor-widget-wrap elementor-element-populated">
|
||||
<div class="elementor-element elementor-element-5ade682 elementor-widget elementor-widget-text-editor" data-id="5ade682" data-element_type="widget" data-widget_type="text-editor.default">
|
||||
<div class="elementor-widget-container">
|
||||
<p><em>« Vous n’avez rien compris. Nous sommes des
|
||||
sous-terriens. Des papillons qui ne sortiront jamais de leur cocon sans
|
||||
l’éclat de la lumière. Nous avons des ailes mais ne savons plus les
|
||||
battre. Notre ambition est rongée par le moisi des murs sombres et
|
||||
visqueux d’Uterrus. »</em></p> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
349
src/index.njk
349
src/index.njk
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,223 @@
|
|||
/*! elementor - v3.6.5 - 27-04-2022 */
|
||||
"use strict";
|
||||
(self["webpackChunkelementor"] = self["webpackChunkelementor"] || []).push([["video"],{
|
||||
|
||||
/***/ "../assets/dev/js/frontend/handlers/video.js":
|
||||
/*!***************************************************!*\
|
||||
!*** ../assets/dev/js/frontend/handlers/video.js ***!
|
||||
\***************************************************/
|
||||
/***/ ((__unused_webpack_module, exports) => {
|
||||
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", ({
|
||||
value: true
|
||||
}));
|
||||
exports["default"] = void 0;
|
||||
|
||||
class Video extends elementorModules.frontend.handlers.Base {
|
||||
getDefaultSettings() {
|
||||
return {
|
||||
selectors: {
|
||||
imageOverlay: '.elementor-custom-embed-image-overlay',
|
||||
video: '.elementor-video',
|
||||
videoIframe: '.elementor-video-iframe',
|
||||
playIcon: '.elementor-custom-embed-play'
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
getDefaultElements() {
|
||||
const selectors = this.getSettings('selectors');
|
||||
return {
|
||||
$imageOverlay: this.$element.find(selectors.imageOverlay),
|
||||
$video: this.$element.find(selectors.video),
|
||||
$videoIframe: this.$element.find(selectors.videoIframe),
|
||||
$playIcon: this.$element.find(selectors.playIcon)
|
||||
};
|
||||
}
|
||||
|
||||
handleVideo() {
|
||||
if (this.getElementSettings('lightbox')) {
|
||||
return;
|
||||
}
|
||||
|
||||
if ('youtube' === this.getElementSettings('video_type')) {
|
||||
this.apiProvider.onApiReady(apiObject => {
|
||||
this.elements.$imageOverlay.remove();
|
||||
this.prepareYTVideo(apiObject, true);
|
||||
});
|
||||
} else {
|
||||
this.elements.$imageOverlay.remove();
|
||||
this.playVideo();
|
||||
}
|
||||
}
|
||||
|
||||
playVideo() {
|
||||
if (this.elements.$video.length) {
|
||||
// this.youtubePlayer exists only for YouTube videos, and its play function is different.
|
||||
if (this.youtubePlayer) {
|
||||
this.youtubePlayer.playVideo();
|
||||
} else {
|
||||
this.elements.$video[0].play();
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
const $videoIframe = this.elements.$videoIframe,
|
||||
lazyLoad = $videoIframe.data('lazy-load');
|
||||
|
||||
if (lazyLoad) {
|
||||
$videoIframe.attr('src', lazyLoad);
|
||||
}
|
||||
|
||||
$videoIframe[0].src = this.apiProvider.getAutoplayURL($videoIframe[0].src);
|
||||
}
|
||||
|
||||
async animateVideo() {
|
||||
const lightbox = await elementorFrontend.utils.lightbox;
|
||||
lightbox.setEntranceAnimation(this.getCurrentDeviceSetting('lightbox_content_animation'));
|
||||
}
|
||||
|
||||
async handleAspectRatio() {
|
||||
const lightbox = await elementorFrontend.utils.lightbox;
|
||||
lightbox.setVideoAspectRatio(this.getElementSettings('aspect_ratio'));
|
||||
}
|
||||
|
||||
async hideLightbox() {
|
||||
const lightbox = await elementorFrontend.utils.lightbox;
|
||||
lightbox.getModal().hide();
|
||||
}
|
||||
|
||||
prepareYTVideo(YT, onOverlayClick) {
|
||||
const elementSettings = this.getElementSettings(),
|
||||
playerOptions = {
|
||||
videoId: this.videoID,
|
||||
events: {
|
||||
onReady: () => {
|
||||
if (elementSettings.mute) {
|
||||
this.youtubePlayer.mute();
|
||||
}
|
||||
|
||||
if (elementSettings.autoplay || onOverlayClick) {
|
||||
this.youtubePlayer.playVideo();
|
||||
}
|
||||
},
|
||||
onStateChange: event => {
|
||||
if (event.data === YT.PlayerState.ENDED && elementSettings.loop) {
|
||||
this.youtubePlayer.seekTo(elementSettings.start || 0);
|
||||
}
|
||||
}
|
||||
},
|
||||
playerVars: {
|
||||
controls: elementSettings.controls ? 1 : 0,
|
||||
rel: elementSettings.rel ? 1 : 0,
|
||||
playsinline: elementSettings.play_on_mobile ? 1 : 0,
|
||||
modestbranding: elementSettings.modestbranding ? 1 : 0,
|
||||
autoplay: elementSettings.autoplay ? 1 : 0,
|
||||
start: elementSettings.start,
|
||||
end: elementSettings.end
|
||||
}
|
||||
}; // To handle CORS issues, when the default host is changed, the origin parameter has to be set.
|
||||
|
||||
if (elementSettings.yt_privacy) {
|
||||
playerOptions.host = 'https://www.youtube-nocookie.com';
|
||||
playerOptions.origin = window.location.hostname;
|
||||
}
|
||||
|
||||
this.youtubePlayer = new YT.Player(this.elements.$video[0], playerOptions);
|
||||
}
|
||||
|
||||
bindEvents() {
|
||||
this.elements.$imageOverlay.on('click', this.handleVideo.bind(this));
|
||||
this.elements.$playIcon.on('keydown', event => {
|
||||
const playKeys = [13, // Enter key.
|
||||
32 // Space bar key.
|
||||
];
|
||||
|
||||
if (playKeys.includes(event.keyCode)) {
|
||||
this.handleVideo();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
onInit() {
|
||||
super.onInit();
|
||||
const elementSettings = this.getElementSettings();
|
||||
|
||||
if (elementorFrontend.utils[elementSettings.video_type]) {
|
||||
this.apiProvider = elementorFrontend.utils[elementSettings.video_type];
|
||||
} else {
|
||||
this.apiProvider = elementorFrontend.utils.baseVideoLoader;
|
||||
}
|
||||
|
||||
if ('youtube' !== elementSettings.video_type) {
|
||||
// Currently the only API integration in the Video widget is for the YT API
|
||||
return;
|
||||
}
|
||||
|
||||
this.videoID = this.apiProvider.getVideoIDFromURL(elementSettings.youtube_url); // If there is an image overlay, the YouTube video prep method will be triggered on click
|
||||
|
||||
if (!this.videoID) {
|
||||
return;
|
||||
} // If the user is using an image overlay, loading the API happens on overlay click instead of on init.
|
||||
|
||||
|
||||
if (elementSettings.show_image_overlay && elementSettings.image_overlay.url) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (elementSettings.lazy_load) {
|
||||
this.intersectionObserver = elementorModules.utils.Scroll.scrollObserver({
|
||||
callback: event => {
|
||||
if (event.isInViewport) {
|
||||
this.intersectionObserver.unobserve(this.elements.$video.parent()[0]);
|
||||
this.apiProvider.onApiReady(apiObject => this.prepareYTVideo(apiObject));
|
||||
}
|
||||
}
|
||||
}); // We observe the parent, since the video container has a height of 0.
|
||||
|
||||
this.intersectionObserver.observe(this.elements.$video.parent()[0]);
|
||||
return;
|
||||
} // When Optimized asset loading is set to off, the video type is set to 'Youtube', and 'Privacy Mode' is set
|
||||
// to 'On', there might be a conflict with other videos that are loaded WITHOUT privacy mode, such as a
|
||||
// video bBackground in a section. In these cases, to avoid the conflict, a timeout is added to postpone the
|
||||
// initialization of the Youtube API object.
|
||||
|
||||
|
||||
if (!elementorFrontend.config.experimentalFeatures['e_optimized_assets_loading']) {
|
||||
setTimeout(() => {
|
||||
this.apiProvider.onApiReady(apiObject => this.prepareYTVideo(apiObject));
|
||||
}, 0);
|
||||
} else {
|
||||
this.apiProvider.onApiReady(apiObject => this.prepareYTVideo(apiObject));
|
||||
}
|
||||
}
|
||||
|
||||
onElementChange(propertyName) {
|
||||
if (0 === propertyName.indexOf('lightbox_content_animation')) {
|
||||
this.animateVideo();
|
||||
return;
|
||||
}
|
||||
|
||||
const isLightBoxEnabled = this.getElementSettings('lightbox');
|
||||
|
||||
if ('lightbox' === propertyName && !isLightBoxEnabled) {
|
||||
this.hideLightbox();
|
||||
return;
|
||||
}
|
||||
|
||||
if ('aspect_ratio' === propertyName && isLightBoxEnabled) {
|
||||
this.handleAspectRatio();
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
exports["default"] = Video;
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
//# sourceMappingURL=video.255c225d20f04576d1bf.bundle.js.map
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
/*! elementor - v3.6.5 - 27-04-2022 */
|
||||
"use strict";(self.webpackChunkelementor=self.webpackChunkelementor||[]).push([[791],{5363:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class Video extends elementorModules.frontend.handlers.Base{getDefaultSettings(){return{selectors:{imageOverlay:".elementor-custom-embed-image-overlay",video:".elementor-video",videoIframe:".elementor-video-iframe",playIcon:".elementor-custom-embed-play"}}}getDefaultElements(){const e=this.getSettings("selectors");return{$imageOverlay:this.$element.find(e.imageOverlay),$video:this.$element.find(e.video),$videoIframe:this.$element.find(e.videoIframe),$playIcon:this.$element.find(e.playIcon)}}handleVideo(){this.getElementSettings("lightbox")||("youtube"===this.getElementSettings("video_type")?this.apiProvider.onApiReady((e=>{this.elements.$imageOverlay.remove(),this.prepareYTVideo(e,!0)})):(this.elements.$imageOverlay.remove(),this.playVideo()))}playVideo(){if(this.elements.$video.length)return void(this.youtubePlayer?this.youtubePlayer.playVideo():this.elements.$video[0].play());const e=this.elements.$videoIframe,t=e.data("lazy-load");t&&e.attr("src",t),e[0].src=this.apiProvider.getAutoplayURL(e[0].src)}async animateVideo(){(await elementorFrontend.utils.lightbox).setEntranceAnimation(this.getCurrentDeviceSetting("lightbox_content_animation"))}async handleAspectRatio(){(await elementorFrontend.utils.lightbox).setVideoAspectRatio(this.getElementSettings("aspect_ratio"))}async hideLightbox(){(await elementorFrontend.utils.lightbox).getModal().hide()}prepareYTVideo(e,t){const i=this.getElementSettings(),o={videoId:this.videoID,events:{onReady:()=>{i.mute&&this.youtubePlayer.mute(),(i.autoplay||t)&&this.youtubePlayer.playVideo()},onStateChange:t=>{t.data===e.PlayerState.ENDED&&i.loop&&this.youtubePlayer.seekTo(i.start||0)}},playerVars:{controls:i.controls?1:0,rel:i.rel?1:0,playsinline:i.play_on_mobile?1:0,modestbranding:i.modestbranding?1:0,autoplay:i.autoplay?1:0,start:i.start,end:i.end}};i.yt_privacy&&(o.host="https://www.youtube-nocookie.com",o.origin=window.location.hostname),this.youtubePlayer=new e.Player(this.elements.$video[0],o)}bindEvents(){this.elements.$imageOverlay.on("click",this.handleVideo.bind(this)),this.elements.$playIcon.on("keydown",(e=>{[13,32].includes(e.keyCode)&&this.handleVideo()}))}onInit(){super.onInit();const e=this.getElementSettings();if(elementorFrontend.utils[e.video_type]?this.apiProvider=elementorFrontend.utils[e.video_type]:this.apiProvider=elementorFrontend.utils.baseVideoLoader,"youtube"===e.video_type&&(this.videoID=this.apiProvider.getVideoIDFromURL(e.youtube_url),this.videoID&&(!e.show_image_overlay||!e.image_overlay.url)))return e.lazy_load?(this.intersectionObserver=elementorModules.utils.Scroll.scrollObserver({callback:e=>{e.isInViewport&&(this.intersectionObserver.unobserve(this.elements.$video.parent()[0]),this.apiProvider.onApiReady((e=>this.prepareYTVideo(e))))}}),void this.intersectionObserver.observe(this.elements.$video.parent()[0])):void(elementorFrontend.config.experimentalFeatures.e_optimized_assets_loading?this.apiProvider.onApiReady((e=>this.prepareYTVideo(e))):setTimeout((()=>{this.apiProvider.onApiReady((e=>this.prepareYTVideo(e)))}),0))}onElementChange(e){if(0===e.indexOf("lightbox_content_animation"))return void this.animateVideo();const t=this.getElementSettings("lightbox");"lightbox"!==e||t?"aspect_ratio"===e&&t&&this.handleAspectRatio():this.hideLightbox()}}t.default=Video}}]);
|
||||
Loading…
Reference in New Issue