Video carousel in article

[@rjen]

Did some checking : it happens randomly on an IPhone, both in Safari and Chrome. Problem happens when trying to slide to the next video...

On an Android phone it seems to work fine...

[lurkalot]

Merry Christmas @rjen. 

Not sure why it it's ok on Micks site, and not on ours, but I skipped step 4 in Mick's install instructions because I couldn't open anything from that link to copy it.  So I just grabbed the js file from the dist folder and uploaded it (as is)to my theme scripts folder.

"4. Create a file called unitegallery.min.js inside your theme's script folder and copy everything from here: https://www.idesignsmf.com/Themes/pixel/scripts/unitegallery.min.js then paste it into your file and save."

[Mick]

Hmm..im not sure bro. Mine seem to work fine on safari firefox and chrome. Including on android. Let me check my steps again and see if I missed something.

@rjen, I see youre using the default theme. Lemme check the css file to make the player takeover the entire area as I believe its on a fixed width.

[Mick]

To adjust width and height simply replace the old script bit with this.

Code Select Expand


<script>
                   jQuery(document).ready(function(){
jQuery("#gallery").unitegallery({
gallery_width:1100,
gallery_height:600,
              });
});
</script>


[@rjen]

Does not make much difference ...

[lurkalot]

To adjust width and height simply replace the old script bit with this.

Just applied that code to my block here.  So you can see if it fixes it on iPhone.

I only have windows phone, and Android phone to test on. http://lts4.byethost7.com/index.php

[lurkalot]

Does not make much difference ...

@rjen, I changed mine back to the original code because I didn't see any difference either.  Did you resolve your issue with viewing on iPhone? 

I'm running it in a block not a article, and in 2.1 with default theme.

It's such a cool slider imo, and I could put this to good use on my GG site if we can get it reliable across all common devices.

I haven't worked out how to add a soundcloud track to it yet though, might need to ask Mick on this one. EDIT:  Just seen the code on the official site for soundcloud, so will try this shortly.

Code Select Expand


<img alt="Sound Cloud Track"
src="thumbs/sound_cloud_thumb.jpg"
data-type="soundcloud"
data-image="images/sound_cloud_image.jpg"
data-trackid="8390970"
data-description="SoundCloud track description">


[@rjen]

The problem in the IPhone has not been solved. Somehow it only seems to affect my IPhone (desktop browsers and Android are ok) so it maybe something obscure in IOS 

[Mick]

Now I can reply! woot woot!

Sorry guys I dont own an Iphone.

The documentation is pretty straight forward http://unitegallery.net/index.php?page=documentation I only used the YouTube stuff but It has Vimeo, Soundcloud,images as well.


Adding the width and height did worked for me btw. Funny that its not in the css at all but only in the script type. 

[lurkalot]

Now I can reply! woot woot!

Sorry guys I dont own an Iphone.

The documentation is pretty straight forward http://unitegallery.net/index.php?page=documentation I only used the YouTube stuff but It has Vimeo, Soundcloud,images as well.


Adding the width and height did worked for me btw. Funny that its not in the css at all but only in the script type. 

Mick  Sorry about the "Not being able to post" thing, we locked the topic by accident.  And as soon as it was noticed unlocked it again.

I was just trying a Soundcloud track actually, and although it plays the track fine, I can't seem to get any thumbnail image to go with it, so it looks like this atm, http://lts4.byethost7.com/index.php

It's also a bit more complicated to grab the soundtrack id, though I might be looking in the wrong place.

Great code block by the way. Love it.