مرکز نشر اسراء ، ناشر اختصاصی آثار آیت الله جوادی آملی، در سال 1372 شمسی آغاز به کار نمود؛ تولید آثار مکتوب با کیفیت مطلوب و استاندارد، عرضه سریع، به موقع، با قیمت مناسب و پیشتیانی محصولات ، بستر سازی دسترسی آسان، سریع و کم هزینه مخاطبان داخل و خارج کشور به محصولات، حضور در نمایشگاه های بین المللی داخلی و خارجی از وظایف و ماموریت این مرکز می باشد.
نام آیت الله العظمی جوادی آملی در فهرست پانصد مسلمان تأثیرگذار جهان (سال 2024 میلادی) تکراری 0 - خبرگزاری اسراء
آرشیو اخبار بین الملل
Content Manager
1 ماه پیش تغییر کرده است.
در حین انجام عملیات خطایی رخ داده است.
The following has evaluated to null or missing:
==> assetDisplayPageFriendlyURLProvider.getFriendlyURL("com.liferay.journal.model.JournalArticle", currentArticleResourcePrimKey, themeDisplay) [in template "20097#20123#100758" at line 31, column 24]
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: #assign friendlyURL = assetDisplayPag... [in template "20097#20123#100758" at line 31, column 1]
----
1<#-- Retrieve the published date meta data field of the web content -->
2<#assign displaydate = .vars['reserved-article-display-date'].data>
3<#-- Save the original page locale for later -->
4<#assign originalLocale = .locale>
5
6<#-- Set the page locale to the portals default locale -->
7<#setting locale = localeUtil.getDefault()>
8
9<#-- Parse the date to a date object -->
10<#assign displaydate = displaydate?datetime("EEE, d MMM yyyy HH:mm:ss Z")>
11
12<#-- Set the page locale back to the original page locale -->
13<#--#assign locale = ''-->
14<#assign dateFormat = "dd MM yyyy" />
15<#assign publishDate=dateUtil.getDate(displaydate,dateFormat,locale)/>
16
17
18<#assign liferay_ui = taglibLiferayHash["/META-INF/liferay-ui.tld"] />
19
20<#assign JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")>
21<#assign assetLinkLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetLinkLocalService" )>
22<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService" )>
23<#assign getterUtil = staticUtil["com.liferay.portal.kernel.util.GetterUtil"] />
24<#assign currentArticle = JournalArticleLocalService.getArticle(getterUtil.getLong(groupId),.vars['reserved-article-id'].data)>
25<#assign currentArticleResourcePrimKey = currentArticle.getResourcePrimKey()>
26<#assign currentArticleAssetEntry = assetEntryLocalService.getEntry("com.liferay.journal.model.JournalArticle", currentArticleResourcePrimKey)/>
27
28<#assign viewCount = currentArticleAssetEntry.viewCount/>
29
30<#assign assetDisplayPageFriendlyURLProvider = serviceLocator.findService("com.liferay.asset.display.page.portlet.AssetDisplayPageFriendlyURLProvider")>
31<#assign friendlyURL = assetDisplayPageFriendlyURLProvider.getFriendlyURL("com.liferay.journal.model.JournalArticle", currentArticleResourcePrimKey, themeDisplay)/>
32
33<#if ( locale == "fa_IR") >
34
35 <#assign writerLabel = "نویسنده" />
36 <#assign idLabel = "شناسه" />
37 <#assign abstractLabel = "چکیده" />
38 <#assign viewTheArticleLabel = "مشاهده مقاله" />
39 <#assign downloadTheArticleLabel = "دانلود مقاله" />
40 <#assign shortLinkLabel = "لینک کوتاه" />
41 <#assign copyLabel = "کپی" />
42 <#assign relatedPostsLabel = "Related posts" />
43 <#assign otherImagesLabel = "سایر تصاویر" />
44 <#assign downloadTheAudioFileLabel = "دانلود فایل صوتی" />
45
46
47<#elseif ( locale == "ar_SA")>
48
49 <#assign writerLabel = "الكاتب" />
50 <#assign idLabel = "بطاقة تعريف" />
51 <#assign abstractLabel = "الملخص" />
52 <#assign viewTheArticleLabel = "عرض المقال" />
53 <#assign downloadTheArticleLabel = "قم بتنزيل المقال" />
54 <#assign shortLinkLabel = "رابط قصير" />
55 <#assign copyLabel = "ينسخ" />
56 <#assign relatedPostsLabel = "المنشورات ذات الصلة" />
57 <#assign otherImagesLabel = "صور أخرى" />
58 <#assign downloadTheAudioFileLabel = "قم بتنزيل الملف الصوتي" />
59
60<#else>
61
62 <#assign writerLabel = "Writer" />
63 <#assign idLabel = "ID" />
64 <#assign abstractLabel = "Abstract" />
65 <#assign viewTheArticleLabel = "View the article" />
66 <#assign downloadTheArticleLabel = "Download the article" />
67 <#assign shortLinkLabel = "short link" />
68 <#assign copyLabel = "copy" />
69 <#assign relatedPostsLabel = "Related posts" />
70 <#assign otherImagesLabel = "Other images" />
71 <#assign downloadTheAudioFileLabel = "Download the audio file" />
72
73
74</#if>
75
76
77
78<div class="single">
79 <div class="islamic-background" style="background-image: url(${themeDisplay.getPathThemeImages()}/pattern1.png);background-repeat: repeat-x"></div>
80
81 <div class="container">
82
83 <div class="single-header">
84
85 <#-- date and id-->
86 <div class="single-date-and-id-wrapper">
87 <span class="single-date">
88 <span class="icon-datepicker single-date-datepicker-icon"></span>
89 <span class="js-date" data-date="${publishDate} ?? DD MM YYYY ?? dddd DD MMMM YYYY">${publishDate}</span>
90 </span>
91
92 <span class="single-id">
93 <span>${.vars['reserved-article-id'].data}</span>
94 <span>${idLabel }:</span>
95 </span>
96 </div>
97
98 <#-- thumbnail -->
99 <div class="single-thumbnail">
100 <#if .vars['reserved-article-small-image-url'].data == "" >
101 <img class="single-thumbnail-image" src="${themeDisplay.getPathThemeImages()}/placeholder.jpg"/>
102 <#else>
103 <img class="single-thumbnail-image" src="${.vars['reserved-article-small-image-url'].data}" alt="image">
104 </#if>
105 </div>
106
107 <div class="single-summary">
108 <#-- lead -->
109 <#if (lead.getData())?? && lead.getData() != "">
110 <span class="lead">${lead.getData()}</span>
111 </#if>
112
113 <#-- title -->
114 <a class="single-title-wrapper" href="#">
115 <h2 class="single-title esra-heading-two">
116 ${.vars['reserved-article-title'].data}
117 </h2>
118 </a>
119
120
121 <p class="single-introduction">
122 ${stringUtil.shorten(htmlUtil.stripHtml(.vars['reserved-article-description'].data), 300)}
123 </p>
124 </div>
125
126
127
128 </div>
129
130 <div class="single-content">
131 <div class="row">
132
133 <#if (content.getData())?? && content.getData() != "">
134 <#-- content -->
135 <div class="col col-12">
136 <div class="single-content-section">
137 <div class="single-content-section-paragraph-container">
138 ${content.getData()}
139 </div>
140 </div>
141 </div>
142 </#if>
143
144 <#-- image -->
145 <#if (image.getData())?? && image.getData() != "">
146 <div class="col col-12 mt-4">
147 <img class="${image.getData()}" src="w" alt="image">
148 </div>
149 </#if>
150
151 <#-- audio -->
152 <#if (audio.getData())?? && audio.getData() != "">
153 <div class="col col-12 mt-4">
154 <audio controls class="w-100">
155 <source src="${audio.getData()}" type="audio/ogg">
156 <source src="${audio.getData()}" type="audio/mpeg">
157 No audio support.
158 </audio>
159 </div>
160 <a href="${audio.getData()}" class="btn btn-info my-3">دانلود فایل صوتی</a>
161 </#if>
162
163 <#if (image_snapshot.getData())?? && image_snapshot.getData() != "">
164 <#assign poster = image_snapshot.getData()/>
165 <#else>
166 <#assign poster = themeDisplay.getPathThemeImages() + '/placeholder.jpg' />
167 </#if>
168
169 <#-- video -->
170 <div class="single-content-video-wrapper">
171 <#if (link.getData())?? && link.getData() != "">
172 <div>
173 <video class="single-content-video" poster="${poster}" preload="none">
174 <source src="${link.getData()}" type="video/mp4">
175 Your browser does not support the video tag.
176 </video>
177 <div class="single-content-video-overlay">
178 <div class="single-content-play-video">
179 <img src="${themeDisplay.getPathThemeImages()}/play.png" alt="">
180 </div>
181 </div>
182
183 </div>
184 <a href="${link.getData()}" class="btn btn-info my-3">دانلود فایل تصویری</a>
185 </#if>
186 </div>
187
188
189 <#if (gallary.getData())?? && gallary.getData() != "">
190
191 <div class="col col-12">
192 <div class="content-gallery-container">
193
194 <#if (gallarytitle.getData())?? && gallarytitle.getData() != "">
195 <div class="content-gallery-title-container">
196 <h2 class="esra-heading-two content-gallery-title">
197 ${gallarytitle.getData()}
198 </h2>
199 </div>
200 </#if>
201 <div class="content-gallery splide splide-${themeDisplay.getPortletDisplay().getId()}">
202
203 <div class="splide__track">
204 <ul class="splide__list">
205 <#list gallary.getSiblings() as cur_gallary>
206 <#if (cur_gallary.getData())?? && cur_gallary.getData() != "">
207 <li class="splide__slide">
208 <a href="${cur_gallary.getData()}">
209 <div class="content-gallery-item">
210 <div class="content-gallery-item-image-container">
211 <img class="content-gallery-item-image" alt="${cur_gallary.getAttribute("alt")}" src="${cur_gallary.getData()}"/>
212 </div>
213 </div>
214 </a>
215 </li>
216 </#if>
217 </#list>
218 </ul>
219 </div>
220 </div>
221 </div>
222 </div>
223 </#if>
224
225
226 <div class="col col-12">
227 <hr class="content-horizontal-line">
228 </div>
229
230 <div class="col col-12">
231 <div class="single-content-footnote">
232 <div class="single-content-print">
233 <span class="icon-printer single-view-icon"></span>
234 </div>
235 <div class="single-content-share">
236 <div class="share">
237 <span class="app-icon icon-share"></span>
238 <div class="share-methods">
239 <div class="whatsapp">
240 <span class="app-icon icon-whatsapp"></span>
241 </div>
242 <div class="telegram">
243 <span class="app-icon icon-telegram"></span>
244 </div>
245 <div class="twitter">
246 <span class="app-icon icon-twiiter"></span>
247 </div>
248 </div>
249
250 </div>
251
252
253
254 </div>
255 <div class="short-link">${shortLinkLabel}:
256 <input type="text" value="${friendlyURL}" id="myInput" disabled>
257 <button onclick="myFunction()" class="app-link-button px-0">${copyLabel }</button>
258 </div>
259 </div>
260 <div class="col col-12">
261
262
263 <script>
264 function myFunction() {
265 // Get the text field
266 var copyText = document.getElementById("myInput");
267
268 copyText.select();
269 copyText.setSelectionRange(0, 99999); // For mobile devices
270
271 navigator.clipboard.writeText(copyText.value);
272
273
274 }
275 </script>
276 </div>
277
278 </div>
279
280 </div>
281 </div>
282 </div>
283</div>
284
285
286<style>
287
288 body {
289 margin: 0;
290 padding: 0;
291
292 }
293
294 a:hover {
295 text-decoration: none;
296 }
297.app-link-button {
298background: #dde7ea;
299 border-radius: 7px;
300 border: 2px solid #00bceb;
301 font-family: IRANSans;
302 font-style: normal;
303 font-weight: 500;
304 font-size: 15px;
305 text-align: center;
306 padding: 4px 26px;
307 min-width: 50px;
308 color: #00bceb;
309 transition: 300ms;
310 height: 32px;
311 line-height: 1rem;
312}
313
314.short-link {
315 padding: 7px 0;
316 display: flex;
317 position: absolute;
318 top: 50%;
319 transform: translateY(-50%);
320 line-height: 2.5rem;
321}
322
323.rtl .short-link {
324 right: 150px;
325}
326
327.ltr .short-link {
328 left: 150px;
329}
330
331input#myInput {
332 font-size: 12px;
333 width: 240px;
334 height: 34px;
335 direction: ltr;
336 color: #00bceb;
337 margin: 0 7px;
338}
339
340@media only screen and (max-width: 768px)
341{
342
343.short-link {
344 padding: 7px 0;
345 display: flex;
346 right: 0;
347 position: absolute;
348 top: 85%;
349 transform: translateY(-50%);
350 line-height: 2.5rem;
351 width: 100%;
352}
353
354}
355 .single-header {
356 position: relative;
357 display: flex;
358 flex-direction: row;
359 margin-top: 30px;
360 padding-bottom: 15px;
361 border-bottom: 1px solid #a3a3a3;
362 }
363
364 .rtl .single-date-and-id-wrapper{
365 display: flex;
366 position: absolute;
367 left: 0;
368 top:0;
369 }
370
371 .ltr .single-date-and-id-wrapper{
372 display: flex;
373 position: absolute;
374 right: 0;
375 top:0;
376 }
377
378 .single-summary {
379 padding: 20px 10px 0 10px;
380 width: 100%;
381 }
382
383
384
385 .single-title {
386 -webkit-line-clamp: 2 !important;
387 margin: 0;
388 padding: 0;
389 line-height: 3rem;
390 font-size: 20px;
391 text-align: justify;
392 }
393
394 .single-introduction {
395 margin: 0;
396 color: #0d274d;
397 font-weight: 400;
398 text-align: justify;
399 }
400
401 .single-date, .single-id {
402 font-style: normal;
403 font-weight: normal;
404 font-size: 12px;
405 color: #0D274D;
406 display: block;
407 text-align: left;
408 }
409
410 .single-id {
411 display: flex;
412 flex-direction: row-reverse;
413 align-items: center;
414 margin-right: 10px;
415 }
416
417 .single-date-datepicker-icon, .single-id-icon {
418 vertical-align: middle;
419 }
420
421 .single-id-icon {
422 margin: 0 2px;
423 }
424
425
426 .single-thumbnail {
427 border-radius: 10px;
428 overflow: hidden;
429 width: 100%;
430 max-width: 300px;
431 text-align: center;
432 min-width: 270px;
433
434 }
435
436 .single-thumbnail-image {
437 width: 100%;
438 height: 100%;
439 object-fit: cover;
440 object-position: center;
441 }
442
443 .single-view {
444 font-style: normal;
445 font-weight: normal;
446 font-size: 12px;
447 color: #0D274D;
448 text-align: left;
449 }
450
451 html.ltr .single-view {
452 direction: rtl;
453 }
454
455 html.rtl .single-view {
456 direction: ltr;
457 }
458
459 .single-content {
460 width: 100%;
461 }
462
463 .lead {
464 color: #ff0000;
465 font-weight: 400;
466 /*margin: 0 0 7px 0;*/
467 display: block;
468 font-size: 1.00rem;
469 }
470
471 .single-content-section {
472 width: 100%;
473 text-align: right;
474 margin-top: 30px;
475 }
476
477 .single-content-section p {
478 margin: 0;
479 font-style: normal;
480 font-weight: normal;
481 font-size: 18px;
482 line-height: 36px;
483 /* or 200% */
484 color: #6A6969;
485 text-align: justify;
486 }
487
488
489 .single-content-section img {
490 border-radius: 8px;
491 overflow: hidden;
492 }
493
494 .single-content-video-wrapper {
495 width: 100%;
496 height: 100%;
497 margin-top: 24px;
498 }
499
500 .single-content-video-wrapper > div {
501 position: relative;
502 width: 100%;
503 height: 100%;
504 border-radius: 20px;
505 overflow: hidden;
506 }
507
508 .single-content-video {
509 width: 100%;
510 height: 100%;
511 padding: 0;
512 margin: 0;
513 object-fit: cover;
514 }
515
516 .single-content-video-overlay {
517 width: 100%;
518 height: 100%;
519 position: absolute;
520 left: 0;
521 top: 0;
522 background: rgba(0, 0, 0, .7);
523 z-index: 2;
524 display: flex;
525 align-items: center;
526 justify-content: center;
527 }
528
529 .single-content-play-video {
530 width: 90px;
531 height: 90px;
532 }
533
534 .single-content-play-video img {
535 width: 100%;
536 height: 100%;
537 border: 5px solid #ffffff;
538 border-radius: 100%;
539 cursor: pointer;
540 }
541
542
543 .single-content-footnote {
544 width: 100%;
545 display: flex;
546 align-items: center;
547 justify-content: space-between;
548 flex-direction: row;
549 padding: 45px 0 60px 0;
550 margin: 0 0 20px 0;
551 position: relative;
552 }
553
554 .single-content-print {
555 font-size: 30px;
556 position: absolute;
557 top: 50%;
558 transform: translateY(-50%);
559 color: #00BCEB;
560 cursor: pointer;
561 display: flex;
562 align-items: center;
563 justify-content: center;
564 }
565
566 .rtl .single-content-print {
567 left: 0;
568 }
569
570 .ltr .single-content-print {
571 right: 0;
572 }
573
574 .single-content-share {
575 width: 143px;
576 height: 35px;
577 position: absolute;
578 top: 50%;
579 transform: translateY(-50%);
580 }
581
582 .rtl .single-content-share {
583 right: 0;
584 }
585
586 .ltr .single-content-share {
587 left: 0;
588 }
589
590 .single-content-share .share .share-methods {
591 display: flex;
592 font-size: 21px;
593 color: #00BCEB;
594 cursor: pointer;
595 justify-content: space-between;
596 align-items: center;
597 width: 120px;
598 height: 100%;
599 border: 2px solid #00BCEB;
600 padding: 3px 10px;
601 border-radius: 10px;
602 background: #dde7ea;
603 }
604
605 .single-content-share .share .share-methods > div {
606 display: flex;
607 align-items: center;
608 justify-content: center;
609 }
610
611
612 .single-content-created-at b {
613 font-style: normal;
614 font-weight: bold;
615 font-size: 18px;
616
617 color: #00BCEB;
618 }
619
620 .single-content-created-at {
621 font-size: 16px;
622 color: #0D274D;
623 }
624
625 .single-content-created-at:before {
626 content: 'نوشته شده';
627 font-size: 18px;
628 font-weight: 700;
629 color: #00BCEB;
630 }
631
632 .content-horizontal-line {
633 margin-bottom: 0;
634 margin-top: 80px;
635 }
636
637
638 .content-gallery-title-container {
639 margin: 45px 0;
640 }
641
642 .content-gallery-title {
643 font-size: 28px;
644 }
645
646 .content-gallery-item {
647 width: 100%;
648 }
649
650 .content-gallery-item-image-container {
651 width: 100%;
652 height: 220px;
653 border-radius: 8px;
654 overflow: hidden;
655 }
656
657 .content-gallery-item-image {
658 width: 100%;
659 height: 100%;
660 object-fit: cover;
661 object-position: center;
662 }
663
664
665 .content-gallery .splide__pagination {
666 display: none;
667 }
668
669
670 .content-gallery button.splide__arrow {
671 background: #00BCEB;
672 transform: translateY(-50%) scale(.8);
673 }
674
675 .content-gallery button.splide__arrow svg {
676 fill: white;
677 }
678
679 html.ltr .content-gallery .splide__arrow--prev {
680 left: -16px;
681 }
682
683 html.ltr .content-gallery .splide__arrow--next {
684 right: -16px;
685 }
686
687 html.rtl .content-gallery .splide__arrow--prev {
688 left: unset;
689 right: -16px;
690 }
691
692 html.rtl .content-gallery .splide__arrow--next {
693 right: unset;
694 left: -16px;
695 }
696
697
698 @media only screen and (max-width: 768px) {
699
700 .single-title {
701 font-size: 16px;
702 font-weight: 700;
703 line-height: 32px;
704 text-align: justify;
705 }
706
707 .single-header {
708 position: relative;
709 display: block;
710 }
711
712 .single-title-wrapper {
713 padding: 40px 0 15px 0;
714 }
715
716
717 .single-thumbnail {
718 margin: 18px 0 0 0;
719 width: 100%;
720 max-width: 100%;
721 position: relative;
722 display: block;
723 float: right;
724 }
725
726 .single-content-section p {
727 font-size: 14px;
728 font-weight: 400;
729 line-height: 28px;
730 letter-spacing: 0;
731 text-align : justify;
732 }
733
734 .content-gallery-title-container {
735 margin: 25px 0;
736 }
737
738 .content-gallery-item-image-container {
739 max-height: 200px;
740 }
741
742 .content-horizontal-line {
743 margin-top: 55px;
744 }
745
746
747
748 .single-content-created-at {
749 font-size: 15px;
750 font-weight: 400;
751 }
752
753 .single-content-created-at:before {
754 font-size: 16px;
755 }
756
757 .single-content-print {
758 display: none;
759 }
760
761 .single-summary {
762 padding: 20px 10px 0 10px;
763 width: 100%;
764 float: right;
765 display: block;
766 position: relative;
767 }
768
769 }
770
771
772 @media only screen and (max-width: 576px) {
773
774 .single-title-wrapper {
775 padding: 20px 0;
776 }
777
778
779
780
781 .content-gallery-title-container {
782 margin: 40px 0 20px 0;
783 }
784
785
786 .single-content-created-at {
787 font-size: 10px;
788 font-weight: 400;
789 }
790
791 .single-content-created-at:before {
792 font-size: 10px;
793 font-weight: 700;
794 letter-spacing: 0;
795 }
796
797 .content-horizontal-line {
798 margin-top: 35px;
799 }
800
801
802
803
804 }
805
806
807 @media print {
808 nav {
809 display: none;
810 }
811
812 .single-title-wrapper {
813 text-decoration: none !important;
814 }
815
816 .content-gallery-container {
817 display: none;
818 }
819
820 .parent-portlet-page-comments {
821 display: none;
822 }
823
824 .related-news {
825 display: none;
826 }
827
828 footer {
829 display: none;
830 }
831
832
833 }
834
835</style>
836
837<script>
838
839 const gallery = document.querySelector(".splide-${themeDisplay.getPortletDisplay().getId()}");
840
841 if (typeof (gallery) != 'undefined' && gallery != null) {
842
843 new Splide(".splide-${themeDisplay.getPortletDisplay().getId()}", {
844 direction: document.getElementsByTagName("html")[0].getAttribute("dir"),
845 perPage: 3,
846 gap: 25,
847 breakpoints: {
848 992: {
849 perPage: 2,
850 },
851 576: {
852 perPage: 1,
853 },
854 }
855 }).mount();
856
857 }
858
859 const printIcon = document.querySelector('.single-content-print') || null;
860
861 if (typeof (printIcon) != 'undefined' && printIcon != null) {
862
863 printIcon.addEventListener('click', () => {
864 window.print()
865 })
866 }
867
868
869 share();
870
871 function share() {
872 const title = document.querySelector('title').innerText.trim();
873 const url = window.location.href.trim();
874 const content = title + " --- " + url;
875
876 const icons = document.querySelectorAll('.share-methods .app-icon');
877
878 let link;
879
880 icons.forEach((icon) => {
881 icon.addEventListener(('click'), (e) => {
882 var target = e.target;
883 var classList = target.classList;
884 console.log(classList, classList.contains('icon-twiiter'));
885 if (classList.contains('icon-twiiter')) {
886 const prefix = "https://twitter.com/intent/tweet?text=";
887 link = prefix + content;
888 }
889 if (classList.contains('icon-telegram')) {
890 const prefix = "https://telegram.me/share/url?url=";
891 link = prefix + content;
892 }
893 if (classList.contains('icon-whatsapp')) {
894 const prefix = "whatsapp://send?text=";
895 link = prefix + url;
896 }
897 if (classList.contains('icon-link')) {
898 const prefix = "";
899 link = url;
900 }
901
902 window.open(link, '_blank', 'toolbar=0,location=0,menubar=0');
903
904 })
905 })
906
907
908 }
909
910
911 playVideo();
912
913 function playVideo() {
914
915 const playButton = document.querySelector('.single-content-play-video') || null;
916
917 if (typeof (playButton) != 'undefined' && playButton != null) {
918 playButton.addEventListener('click', () => {
919
920
921 var container = document.querySelector('.single-content-video-wrapper');
922 var video = container.querySelector(".single-content-video");
923 var overlay = container.querySelector(".single-content-video-overlay");
924
925 video.play();
926 video.setAttribute('controls', 'controls');
927 video.style.objectFit = 'cover';
928 overlay.style.display = 'none';
929
930 })
931 }
932
933 }
934
935
936</script>
