This author's response time can be up to 1 business day.
Awesome item! GLWS
Cool! GLWS bro!
I bought this thinking it was browser size responsive, enabling you to resize the browser and have the video widget smoothly resize in proportion. After buying it and testing the settings, I see no way for this to work, and the player size options are misleading. Is there any way to set this player up so that it is perfectly height and width responsive?
Hello! Thank you for your purchase. Yes, this is possible.
Here a screenshot of the settings http://i66.tinypic.com/33tmiwi.jpg
And I have prepared for you a short video demonstration of this capability https://www.youtube.com/watch?v=9PIFQblBLyM
As seen in the video, with these settings player responsive both in height and width. However, it should be noted that in this case the player size is specified as a percentage of the container, which may be useful for some cases. But, unfortunately, another possibility of implementing this feature at the moment is not provided, but I will work hard to implement this feature in the next version.
Unfortunately that video does not show the type of responsive scaling I was looking for. I want my video container to react and behave exactly like this one:
As you can see, it is perfectly responsive yet retains the proper aspect ratio for the video itself, so that the youtube container always perfectly displays the entire video but without any extra space or black bars or cropping. It is also able to do this while retaining the youtube player gui and allows the video to play seamlessly while scaling. I would just use this code instead of your widget but I don’t want to have to change the website code after exporting from muse every time, it would slow down my site’s workflow and update process. Please let me know if your widget can be configured to do exactly what this page is demonstrating.
Unfortunately, in this version it is not possible.
All settings widget aimed at to fill the container, so there is no such combination of settings in which the video would be exercising responsive and do not fill the container.
I will develop this feature in the next version of the widget.
Ok thanks very much! It’s not that my example doesn’t fill the container, it’s that the container itself scales its initial width and height proportionally when the browser width is changed. The video still fills the container with zero border, but the container itself perfectly encloses the video in its original aspect ratio. Adobe muse can do this by default when responsively scaling pictures and images, but not video unfortunately.
Hi! Have good news for you – I released new version of widget. This version includes a feature about which you asked. Here is a page with a demo http://merkulov.design/tube/responsive.html To switch between the two responsive modes Use this checkbox http://goo.gl/YJb6ZE in widget settings.
Thank you so much for this update! The dynamic scaling works perfectly now. I had one other feature I forgot to ask about, though I’m not sure if it’s possible. Is there any way to force playback at specific resolutions (720p, 1080p, etc) using the widget? There’s a tag you can add to raw embed code (&VQ=HD720 for example), but I’m not sure how to implement this in the widget and get it to work.
I will try to implement it in the new version.
Hello! Is there a way to choose a custom thumbnail for the YT video?
No. You can only set the picture-placeholder that will be shown until the player is loaded. http://merkulov.design/tube/preloader.html
2 questions for clarification:
Does support for mp4/webm/ogg mean we can play locally hosted videos? (We don’t want to do embedding)
Is there a way to get a license that’s valid for more than 1 product? It’s really impractical to make a new purchase for multiple small projects.
1) MP4/WEBM/OGG files will be uploaded to the hosting with your Muse-site, you just need to choose the local file, everything else will do Muse.
2) One license for one product. I do not give any extra extended licenses. More about Envato licenses https://codecanyon.net/licenses/standard
Thanks – will have to consider the license topic (not a cost issue but one of project handling/schedule).
Further question: does the widget have the default browser context menu for downloading the video? (right click -> Save video as) We want to disable this.
The widget has a setting overlay layer and you can create a transparent layer on top of the video, but it makes it impossible access to controls (play / pause, volume, etc.).
But you must understand that anyone who knows a bit with html code will be able to view your website and download a video. No matter youtube, vimeo, or MP4.
The limitation is clear – I’m usually the one who gets asked how to do it.
Disabling controls would not really work though. Disabling the context menu for that object would do though.
Seems like I’m not getting something – here is what I want to do:
-have a responsive page with background image
-have one mp4 video running centered at maximum size in all orientations without cropping anything
-ie if the video does not fit the screen in one dimension scale it down until it fits but keep it centered on the page
Managed to stick it to the top and have it scale width but that’s rather ugly in portrait device orientation.
The widget is currently not setting for video vertical alignment in portrait orientation, so the video will always be at the top of the screen in portrait orientation…before the release of the new version of the widget.
Thanks for the clarification.
Would be much appreciated if you could implement this. Will also suggest it in the official wishlist.
Yes, of course.
great style , very useful ! Good job
Hi, i like very much this product but I have an issue. Once I embed the player with the vimeo video, I can’t pause it. Seems like the controls of the Vimeo player are not controllable by the user. Can you help?
Hello. Please make sure that you have not ticked “Overlay layer”, if you want clickable controls.
You rock guys! Answer in less than 5 minutes. Worked perfectly. Thanks so much.
Hi, setting the preloader image works through the background fill of the widget + the checkbox – right?
Also, is there some delayed video loading going on for connection speeds < DSL? I was playing around with network throttling in Chrome developer tools and only got the preloader image on 4G or slower.
Background: we would like to show a “poster frame”/preview image until the user actually plays back the video.
clarification: we host the videos on our server in mp4 format
Yes, you right: “background fill of the widget + the checkbox”
Unfortunately, the current version is not possible to realize that, and I can not offer you a quick solution to this issue. This problem will be solved in the next version of the widget.
Thanks – may I ask for a potential release date?
In 2 weeks
Awesome work, Good Widget!. GLWS
So this is starting to frustrate me. I paid for a widget to be fullscreen background that would work on both mobile and desktop. I imagined it would work just like http://www.kanyewest.com. Yet when I try fullscreen it looks like portrait orientation and is far from fullscreen. If I can’t get this I would like a refund because this is not what is being advertised. Is there a way to make it fullscreen background video and not some weird orientation….?
In portrait orientation widget can crop the video, and can retain its proportions reducing the width of the video, it depends on how you configure the widget. That means you can fully repeat what has been done on the site Kanye West.
Look this video https://www.youtube.com/watch?v=A3djBTM9XEE , it demonstrates the widget capabilities in full-screen mode. Аlso I recommend to look at the whole playlist https://www.youtube.com/playlist?list=PLctpKqXLg4d89C9mqzAPZDyGfxmteTbBx
Here you can find screenshots of the settings of all the demos from the site http://merkulov.design/tube/settings.html
And also advised to refer to the documentation that is stored in the archive together with the widget is very detailed and will help you to quickly understand the widget settings.
Thank you for the fast reply! Whenever I attempt fullscreen mode (no matter which settings I use—-fullscreen/custom width & height 100 persents/width & height 100%) it always has white spacing at the top that I have to scroll down a little to get to the video. Is there a way to get rid of that? I’ve bought and tested so many fullscreen widgets, and this is BY FAR the best one (after I figured out what I was doing of course).
Nevermind, I figured it out! Thanks. IF ANYONE IS READING THIS, DONT THINK TWICE THIS IS THE BEST FULLSCREEN RESPONSIVE WIDGET ON THE MARKET. A+ customer service!!!
Thank you very much for the kind words
The video resets in every breakpoint of my muse site, is this normal? I would like to resize my site and keep my video playing just like this site: www.badruttspalace.com/en
Yes, it is normal.
For example on your site 5 breakpoints, this means that the Muse generate HTML page containing 5 versions of your site, and then hide the 4 of them and show only the appropriate one of the current browser width. If you change the width of the browser, and you reach a breakpoint, it will be shown another version, and 4 others are hidden.
And all the widgets that are in different breakpoints, such as Tube Widget, a default Muse Сontact Form or Composition Widget composition does not relate to each other.
Hi! Having trouble with basic core functionality within iPad2. Video goes blank when playing – only audio is heard. Sent an email with more details. Please let me know if I can provide more information. Thank you!
Hi! Replied to your email.
can’t reproduce with manually inserted video tags or in Firefox
Really very strange. First of all, try moving the widget to a separate layer. If you have some third-party widgets on your page that are not included in the standard set, try to disable them and see if the problem persists. If that does not help, then upload your page somewhere and send me a link to it via a support form so that I can look at the code and find cause of this bug.
separate layer does not have an effect
this is the only widget on the page/site
will have to set up a dummy file and share it zipped – no easy way to host it for you as of now
Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.
Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.
View license details
Get it now and save up to $6
Unlimited downloads only
$29 p/m on Envato Elements
Download over 18,000 items now
Learn almost anything with
Envato Tuts+ for free
9000 free tutorials, 3000 paid courses
Designers matched perfectly to
you on Envato Studio
2000 artists ready to undertake your work