-
Hello guys. I really like your template and one of the best features is this video opening without going into the article. But unfortunately, it’s working only with Joomla articles. And what about your 100% support of EasySocial? Well, I’m trying to merge your video module from the main page and easysocial video module from social network. What I want eventually – is to get videos from easysocial on the main page, the same way as they are in your module right now.
Bellow is the code I’m writing right now ( just merged easysocial video module and your module ), I can fully understand all CSS and PHP part of your code, but what isn’t working is the request to open white window above site with video on it. I managed to get a video URL right now and linked it to play button. But how do I start video to play in a white window above? I understand that it is Javascript bellow your php code. But for some reason, it’s not working for my case…Can you look into it? I truly believe that this feature will be very useful for users in future. Whenever user add easysocial to Ja Mood – he never use articles again. He will use video in easysocial only. And your template working great with this social network module. The only issue I managed to find out after 2 weeks of testing – was this video problem
getDuration();?> getTitle();?> getCategory()->title); ?> html('html.user', $video->getAuthor());?> getHits();?> getLikesCount();?> getCommentsCount();?> (function($){ jQuery(document).ready(function($) { $("#video-list-<?php echo $module->id; ?> .html5lightbox").html5lightbox({ autoslide: true, showplaybutton: false, jsfolder: "<?php echo JUri::base(true).'/templates/ja_mood/js/html5lightbox/' ?>" }); $("html[dir='ltr'] #video-list-<?php echo $module->id; ?> .owl-carousel").imagesLoaded(function(){ $("html[dir='ltr'] #video-list-<?php echo $module->id; ?> .owl-carousel").owlCarousel({ items: <?php echo $columns; ?>, nav : true, navText : ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"], slideBy: 1, autoplay: false, lazyLoad: true, dots: true, loop: false, navRewind: false, responsive : { // breakpoint from 0 up 0 : { items: 1, dots : false }, // breakpoint from 480 up 480 : { items: 2, dots : false }, // breakpoint from 768 up 768 : { items: 2, dots : false }, // breakpoint from 992 up 992 : { items: 3, dots : true }, // breakpoint from 1200 up 1200 : { items: 4, dots : true }, // breakpoint from 1460 up 1460 : { items: <?php echo $columns; ?>, dots : true } }, onRefresh: function () { $("html[dir='ltr'] #video-list-<?php echo $module->id; ?> .owl-carousel").find('div.owl-item .article-video').height(''); }, onRefreshed: function () { // Select and loop the container element of the elements you want to equalise $("html[dir='ltr'] #video-list-<?php echo $module->id; ?>").find('.owl-carousel').each(function(){ // Cache the highest var highestBox = 0; // Select and loop the elements you want to equalise $("html[dir='ltr'] #video-list-<?php echo $module->id; ?>").find('.owl-carousel').find($('.article-video', this)).each(function(){ // If this box is higher than the cached highest then store it if($(this).height() > highestBox) { highestBox = $(this).height(); } }); // Set the height of all those children to whichever was highest $("html[dir='ltr'] #video-list-<?php echo $module->id; ?>").find('.owl-carousel').find($('.article-video', this)).height(highestBox); }); } }); }); $("html[dir='rtl'] #video-list-<?php echo $module->id; ?> .owl-carousel").imagesLoaded(function(){ $("html[dir='rtl'] #video-list-<?php echo $module->id; ?> .owl-carousel").owlCarousel({ items: <?php echo $columns; ?>, nav : true, navText : ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"], slideBy: 1, autoplay: false, lazyLoad: true, dots: true, loop: false, navRewind: false, rtl: true, responsive : { // breakpoint from 0 up 0 : { items: 1, dots : false }, // breakpoint from 480 up 480 : { items: 2, dots : false }, // breakpoint from 768 up 768 : { items: 2, dots : false }, // breakpoint from 992 up 992 : { items: 3, dots : true }, // breakpoint from 1200 up 1200 : { items: 4, dots : true }, // breakpoint from 1460 up 1460 : { items: <?php echo $columns; ?>, dots : true } }, onRefresh: function () { $("html[dir='rtl'] #video-list-<?php echo $module->id; ?> .owl-carousel").find('div.owl-item .article-video').height(''); }, onRefreshed: function () { // Select and loop the container element of the elements you want to equalise $("html[dir='rtl'] #video-list-<?php echo $module->id; ?>").find('.owl-carousel').each(function(){ // Cache the highest var highestBox = 0; // Select and loop the elements you want to equalise $("html[dir='rtl'] #video-list-<?php echo $module->id; ?>").find('.owl-carousel').find($('.article-video', this)).each(function(){ // If this box is higher than the cached highest then store it if($(this).height() > highestBox) { highestBox = $(this).height(); } }); // Set the height of all those children to whichever was highest $("html[dir='rtl'] #video-list-<?php echo $module->id; ?>").find('.owl-carousel').find($('.article-video', this)).height(highestBox); }); } }); }); }); })(jQuery); </script>-
This topic was modified 6 years, 10 months ago by
realbighits.
-
This topic was modified 6 years, 10 months ago by
This topic contains 5 replies, has 2 voices, and was last updated by 
We moved to new unified forum. Please post all new support queries in our New Forum