Discussion on HTML5 Image Video Audio Gallery with Playlist

Tean

Tean supports this item

Supported

This author's response time can be up to 2 business days.

75 comments found.

r3chn3r

r3chn3r Purchased

Hello..

Thank you..

Quick questions..

I used your product to make this: https://8ing.com/slvidz/deploy/index_dark_db.php Where are the controls? Are they hidden?

Is there a way to full screen the player in the page?

Thank you in advance..

Hi!

1. Add https to bootstrap icons since you use https

https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css'

or remove prefix

//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css’

2. You can make it fullscreen, copy some css from index_dark2_100.html or some other 100% example. Size it only the mater of css.

mytom

mytom Purchased

Hi tean! Why have you removed ivag-slideshow from audio files in the last update package?

Because I havent found it useful.

r3chn3r

r3chn3r Purchased

Thank you so much for your previous reply! Exactly what I needed to know.

I wanted to bring up that the when adding vimeo videos via the admin manager, it doesn’t work. Is there something special about vimeo I might be missing? Up till now I’ve only been using mp4

Vimeo works if you write html yourself? What html do you write?

Hello Tean, I’ve bought your new “HTML5 Image Video Audio Gallery with Playlist” and it seems to be great ! Unfortunately, i can’t use the database because of fileinfo and mysqlnd wich are not installed on my webserver and provider (www.amen.fr) I face another problem, on some videos, I can only hear the sound but can’t see the film ? Thanks for your support Olivier Lille (FRANCE)

I have checked your link, if you cant see the video (but can only hear the audio) I suggest you try different video encoding.

Hello Tean, I’ve bought your new “HTML5 Image Video Audio Gallery with Playlist” and it seems to be great ! Unfortunately, i can’t use the database because of fileinfo and mysqlnd wich are not installed on my webserver and provider (www.amen.fr) I face another problem, on some videos, I can only hear the sound but can’t see the film ? Thanks for your support Olivier Lille (FRANCE)

Here is a link : http://dockydoc.com/tvm/index_bg01.html

Hello!

What type of server you have so it doesnt support fileinfo and mysqlnd ? Have you asked the admins for this information?

I have checked your link, if you cant see the video (but can only hear the audio) I suggest you try different video encoding.

Hi,

I would like to display the range tooltips and move them based on button clicks. However, I do not want the user to have the ability to drag them. They should only move when they click these buttons. I am talking about: ivag-range-a-point ivag-tooltip-top

I have them moving when I set my own range using buttons already!!!! Is there an easy way to disable the draggability?

Cheers,

Travis

I guess what I am really trying to do is get the tooltips to recalculate their position when ivagItemTriggered happens

tooltip time is not updated if drag is disabled because time is calculated from drag values. Maybe you can try to modify the code around:

if(touch_elems.length){
...

Thanks again… Man, your customer service is the best! I can not thank you enough for your help. Your comment gave me a little more courage to explore and I ended up creating my own function in new.js. Everything is A Ok!

Hello,

I noticed that advert elements have only the parameter “poster” (and not “thumb”) in the database (‘ads’ table). However, with “audio” media, if i want background image, there is only this field ‘poster’. In that case, the image does not resize when you close the playlist.

I have given you 2 examples below:

1. with Parameter “data-poster” included, it is KO -> http://i.imgur.com/ejFo3KL.png 2. with Parameter “data-thumb” included, it is OK -> http://i.imgur.com/cBbphKu.png

There is not this problem with the main medias (‘media’ table) because we have the field ‘thumb’.

Have I forgotten something?

Hello!

Ads dont have thumb because thumb comes from main media and ads only show in player area, not in playlist area. Ads do have poster because if autoplay is off, it does require poster to load before playback.

What you describe is something internally I have to check to how poster vs thumb is being resized.

OK! great.

Hi,

I am trying to use the api >> addTrack

It says the second argument for this is:

Add track to playlist: format: type of track, html/data (required) track: track or array of tracks (String/Array) (required) playit: automatically play track after add position: position to insert tracks (counting starts from 0, leave out parameter for the end append)

What is this? A string of what? I looked at the example in index_light.html and it points to an array called ivag_track_list. I found that array in new.js BUT I am wondering what I need to feed this to get it to work.

Should track be an html string with divs, etc like you would originally declare a track?

I fiddled and got this working… it was unclear to me but I figured it out

for others… yes… you need to supply html with divs just as you would when you first declare a ivag-playlist-item

Yes, that is correct. You can see api examples in index_api.html demo and tracks listed in api_tracks.js file.

I am using the loadMedia(value):void

I keep getting this error Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause().

It does not kill the page but I am wondering if you have any thoughts on it. I am using another library with a slider and when the slider is clicked I call a function that calls loadMedia(value):void.

I have seen this before, this is some bug with chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=593273

it shouldn’t influence the playback.

I am struggling to get the range working the way I would like still. I was wondering if you could give me some advice.

Right now I am setting the range with setRange. This works ok but where I struggle is trying to set different ranges on the same video clip.

Example- I would like to be able to

1. hit button A and then load Video 1 with a range of (2,8). 2. hit button B and then load Video 1 with a range of (10,20).(SAME Video)

I find the first set works fine but then as it goes on the range gets confused. The state of the range is what I really want more control over. If I change data-range with purely jquery is this a better way to go???

Right now I have a separate array storing in and out point and then I update the GUI with your setRange.

It looks like this is the function I want… clickPlaylistItem…

DONE…. I got it working. This function was the ticket… I was able to hookup my function at the end of it to get what is basically a “after media is loaded” call. I hope you don’t mind me thinking out loud… I do appreciate all your help and do not want to bother you too much but also I am kind of treating your comments like a forum.

You could also try ivagMediaStart which triggers once the media starts.

Well.. I’m looking for a player to be used in joomla But this has caught my attention, so I will buy it ..

Al23

Al23 Purchased

Thanks for your quick response I send this link as proof of a video that I want to use in the component * It’s public https://s3.amazonaws.com/migarch/IJJR+de+jinotepe.mp4 Have a nice day
Tean

Tean Author

Just use
data-type="video" data-mp4="https://s3.amazonaws.com/migarch/IJJR+de+jinotepe.mp4" 
Al23

Al23 Purchased

Thank you…

drorriov

drorriov Purchased

Are you planning to add support to Facebook videos?

Tean

Tean Author

Not for iframe because iframe is coded to show immediately on playlist item start. (without preview image)

drorriov

drorriov Purchased

also for youtube videos?

Tean

Tean Author

Only self hosted videos accept image poster, youtube and vimeo do not.

drorriov

drorriov Purchased

Hey mate,

I’ll just ask my questions here: 1. I want to be able to add some image and/or text inside video only before started to play it, after playing it disappears. How could it be accomplished, my own player? youtube player? 2. I want to be able to add facebook video (not a must), u said to try the embedded iframe thing. 3. Can I control where video description is displayed? I want to open a popup with video player and below it to show video description (could be many lines of text) 4. You wrote you can view images gallery, is it only for images a user upload or I can embed from another website?

Tean

Tean Author

For what video type?

drorriov

drorriov Purchased

YouTube and VIMEO, not sure if i understand if I can add some HTML makeover on video or not – All before video even start and/or while video is playing

Tean

Tean Author

You can add inline html elements ( check documentation / playback features / inline events ). This is only possible once video starts.

When I add a track I would like to change the background color and highlight color… I am having a difficult time with this. I see in new.js that the classes…(ivag-playlist-non-selected and ivag-playlist-selected) are added. In chrome developer tools this does not seem to show up. I would assume I need to override these classes for my newly created tracks but I can’t get it to work. Do you have any simple solution for this? Thanks in advance

Tean

Tean Author

Hello!

ivag-playlist-selected class is added when playlist item has become active (by any means). conversely, ivag-playlist-non-selected is defauult class for all not selected items.

Note that there are also functions called when item has been selected ( disableActivePlaylistItem ) and deselected ( enableActivePlaylistItem )

Are you manually trying to add ivag-playlist-selected class after you add new track in playlist?

I need it on my page to appear when I click its icon as popup, support it ?

Tean

Tean Author

Hi!

Yes, it can be opened in popup, there are some examples included of popup.

by
by
by
by
by
by