Viewing Video Widget Enhancements

  1. Portal Home
  2. Forum
  3. EverWeb
  4. Feature Requests

Video Widget Enhancements



User: Les C. 11 years ago
1. Ability to select a Poster Frame.
2. Autoplay option.
3. Show movie controller selector (on/off).
4. Ability to have movie controller show over hover.
5. Ability to customize size/color of frame.
6. Option of removing big center screen play button option (play button already exists in bar below).

Thanks.
User: Jumbo T. 11 years ago
Perhaps not pixel perfect to your taste :

http://trotter.is-best.net/newvideo/

And best of all : It's free
User: Roddy 11 years ago
This widget allows you to select a poster frame and use a single MP4 file. It is set, by default, to prevent preload but can also be set to autoplay if you are rash enough to want this…

http://everwebcodebox.com/widgetbox/media/mp4.html

When you load a poster image, the controls obviously aren't there so you need the play button.

The VideoJS widget is kind of the same idea but allows for auto update.

Add a pseudo frame by dropping an HTML/CSS shape behind the video.

This widget allows you to style Vimeo/YouTube.

Last edit 11 years ago

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Les C. 11 years ago
Dear Jumbo,

That's a step in the right direction—it offers the additional features of Poster Frame and Autoplay.

Thanks for the link.


L C
User: Les C. 11 years ago
Dear Roddy,

Thanks for the additional options. The new video player seems to offer the largest feature set without any downsides.


L C
User: Les C. 11 years ago
Dear Jumbo,

Do you know of anyway to remove the large play button in the middle of the New Video screen once a poster image has been added?


Thanks,

L C
User: Jumbo T. 11 years ago
The visuals are part of the video player, not of the widget.

All third party widgets and the widgets that are part of EW, are made from code that is freely available on the internet.

The videoplayer uses this code :

http://mediaelementjs.com/

So if you want your own player, download the code and paste it in the HTML snippet.
User: Les C. 11 years ago
Dear Jumbo,

Many thanks for the links. Nice resource.


L C
User: Roddy 11 years ago
Quote:
The new video player seems to offer the largest feature set without any downsides


Have you tried installing this widget in EW V 1.4 and attempted to select a poster image?

Also it has the same drawback as the EverWeb default in that it requires the video file in MP4, OGG and WebM to work in all browsers. This does have the advantage of using HTML5 playback in modern browsers but can use up a lot of server space if you have a few videos.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Les C. 11 years ago
Dear Roddy,

Running EW V 1.5b2. No problem adding/changing the poster image. The only issue is if I want to return to no image. A "none" option doesn't exist. I have to delete the player and reinsert it.

Having the ability to have the video play in all browsers is a plus—server space isn't an issue.

BTW, it may be helpful to reorganize your Widgets page in a way where you list by category followed by name with a short description of what each widget does vs. having to click on each icon individually to get a sense of what it does.

Better yet, add a live demo next to each widget or have a link to a demo.

Just a thought...

L C
User: Roddy 11 years ago
Quote:
Running EW V 1.5b2. No problem adding/changing the poster image.


That's strange it doesn't work for me.

In 1.4 and 1.5beta it opens the other file type list rather than the images.

Quote:
Having the ability to have the video play in all browsers is a plus


I think you misunderstand. The mediaelement player is designed to fallback to flash in browsers that don't support MP4 playback via HTML5. Therefore the extra files are not necessary.

Quote:
BTW, it may be helpful to reorganize your Widgets page in a way where you list by category followed by name with a short description of what each widget does vs. having to click on each icon individually to get a sense of what it does.

Better yet, add a live demo next to each widget or have a link to a demo.


Thanks for your suggestion. There are over 120 widgets so adding a short description and/or demo to each would result in rather a long page!

Each widget icon is a hyperlink to a demo.

Last edit 11 years ago

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Roddy 11 years ago
I just noticed that your question about removing the play button didn't really get an answer. You could of course modify the mediaelement CSS file but it would be a lot easier to paste this into the Head Code box in the Page inspector…

<style type="text/css">
.mejs-overlay-button {display:none;}
</style>

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Les C. 11 years ago
Dear Roddy,

Thanks a lot for the additional code and instructions. Cleans up my poster image and works like a dream!

BTW, I just picked up two of your widget sets.

L C
User: Les C. 11 years ago
Can anyone share the code for removing the full-screen icon and changing the color of the teal progress bar?

Thanks.


LC
User: Les C. 11 years ago
Interestingly, in Safari the skin and progress bar (teal) is different from the one in Firefox (two-tone gray progress bar and shadow skin).

L C

Last edit 11 years ago


Post Reply
You must login or signup to post.