Discussion on HTML5 Image Video Audio Gallery with Playlist

Tean

Tean supports this item

Supported

46 comments found.

Hello,

I have the following settings in the options: AutoHideInterface: true, fullscreenInterfaceTimeout: 3000.

This is ok for the first media item (image), the controls disappear after 3 seconds. But from the next media, the controls appear again (and the mouse pointer too). So if I do not move the mouse, the controls stay appeared.

Do you have an idea?

thank you i will try this

Yes it works with those modifications! thanks

I will update the file so this becomes default because it makes more sense.

Hi,

Example with the HTLM/Javascript/Iframe.

It is possible to have (by example) the Google Maps elem4 displaying at 100% in 1920×1080 pixels by removing all the others elements ?

Im using the following parameters with an iframe of 1600×640 pixels. Maybe I have to remove the logo element too.

#elem4{
    position:absolute;
    width:1550px;
    height:670px;
    right:15px;
    bottom:20px;
    background:#eee;
    padding:5px;
}
#elem4 p{
    font-size:13px!important;
}
#elem4 .ivag-gmaps{
    position:absolute;
    width:1350px;
    height:670px;
    left:100px;
    bottom:0px;
    background:#ddd;
}

Regards

Hi!

Elements located inside div class=”ivag-event element will be copied over the media.

Do you mean to have Google Maps displayed over whole area (no matter the area size)? you could set elem4 in css to width and height: 100%

Yes, I would like to have the Google Maps displayed over the whole area (no matter the area size). I will test with w/h: 100%.

But then there is no point in having video behind.

The I would like to know if I can use these templates for my web page By the way I’m putting on web page for streaming video for my project. I would like to have a template containing a video gallery dinamic with description in xml and a video player with html5 and if possible javascript. I would like to know if your template contains all this thank you.

Tean

Tean Author

Hello!

This plugin uses html, css, javascript and can be placed in the web page as such.

It can play self hosted mp4 videos, Youtube videos and Vimeo videos (more details are available in item description).

Playlist loaded over xml is supported as well.

I am having difficulty getting the folder option to work with this player…. Overall the part of the documentation that deals with building the playlist is a little hard to follow. What would a full example look like that is built from a folder. At first I was getting an error saying my playlist was not loading and now no error message but no loaded files on the playlist either. I could use php to get the files and loop through and create an entry for each video that way but I wanted to check and see if that is recommended or not….

You lost me… sorry… Any chance I could see a small example? I would really appreciate it. I want to toggle on the range automatically when a new video is loaded into the player.

Tean

Tean Author

try this in new.js (this function is already defined there)

function ivagMediaStart(instance, instanceName, counter){
    ivag_player.toggleMute();
}

Excellent!! That got me on the right track! Super Support! You are awesome! 5 stars from me for sure!

1) Using the fullscreen player (no visible playlist), is it possible to have a specific media file play first, then go into a random selection play?

2) Can the random play function handle not playing the same file consecutively or anywhere within the last 3 files played?

Could you expand on this a bit? Where does this code belong. The closest this i can find is in new.js.

Tean

Tean Author

Yes, in that file, but this needs to be edited in several placed and tested, I haven’t tested this.

Tean

Tean Author

I think its the easiest to search for all instances of

self.togglePlayback(); 

except in clickControls, contextMenu, and in useKeyboardNavigationForPlayback and comment them out.

There is a bug. When the video is playing and you click on the logo to go back to the homepage…. the video doesn’t stop playing …..... Please fix…... Thanks.

Hi!

Click on the logo does nothing with video itself. My demo is set with logo target _blank, which just opens new page:

<div class="ivag-logo ivag-hidden"><a href="http://www.google.com" target="_blank"><img src="http://www.interactivepixel.net/images/jqueryPreviews/helper/logo_light.png" alt="logo" /></a></div>

If you set target _self, it will redirect to new page instead of opening new page, so in this case, video will stop, since you change page

div class="ivag-logo ivag-hidden"><a href="http://www.google.com" target="_self"><img src="http://www.interactivepixel.net/images/jqueryPreviews/helper/logo_light.png" alt="logo" /></a>
by
by
by
by
by
by