I would like to control (play, pause, download, toggle full-screen, progress bar) the original controls of html5 <video></video> without making the customize button. I don't want to make custom controls. Or, is it the best answer to create custom controls by own?
The reason is I want to toggle when another video is playing or paused. The video player is paused when it is in the invisible area.
I would like to control in javaScript when click original play/pause button like image
Related
I'm implementing picture-in-picture on my website but I have various custom video controls (for play/pause, seek etc). When I enter pictureinpicture (using requestPictureInPicture()), the video pops out properly, but it has the play/pause control, which I don't want (I want to just use my custom controls).
Is there any way to hide the play/pause control (or all controls) from the floating PIP window?
The only customization I can find is in CSS for the empty video that remains in the main page - so I can hide that altogether via
:picture-in-picture { display: none; }
but I don't see any way to customize the look of the floating PIP window, including removing some/all controls.
Thanks,
David
I want to insert a skip intro button in my videjs player,Like netflix or youtube skip add button. I have gone through many documentations but found every button on controlbar. Is there any way to add a button over videjs player for skip intro not on control bar.
I have added button using components in videoJs, but it adds the button in controlbar, i want to add the button over player not in the control bar
If it's added to the control bar you're doing something like player.controlBar.addChild('Button', myOptions).
Instead you can add it directly to the player, player.addChild('Button', myOptions). You'll need to add some styles since the default styles assume it's a child of the control bar, but this way it's a direct child of the player element.
I want to create an application and chatting is involved. I am currently struggling to format existing controls or to create a control with the following conditions:
a container is docked to the main form's bottom
inside of that container, a button can be used to toggle a chat
component (e.g. text edit) to become either visible or invisible
if visible, the chat component is aligned with the button that was
pressed but does not force a resize on the container of the button
So basically I want to achieve a facebook or google hangouts like chat layout in vb.net that can also scale dynamically according to the current window size. Nevertheless it should always stick to the bottom.
Please keep in mind that this question is not about making the chat work but only the layout/design problem I am facing.
My current approach is the following:
FlowLayoutPanel docked to bottom with buttons
RichEdit as placeholders to simulate the chat component
My current layout
Is there an easier way to do what I want to do?
Set the anchors to the bottom of the page/panel.
On the designer, click the control you want to edit, find the Anchor property and change it to bottom (and left/right/top, whatever you'd like).
I am trying to create an animation to a control.
So think of the animation and control of a now playing page on most touch screen devices. You see the control (album photo) and swipe either way and get it to slide off the screen and then the next control (album photo) slides on in its place.
I am not asking for you to code me this, but I am having trouble wrapping my head around a way that this could be done.
The control content is always changing, when you swipe one way, an image is removed from the view and then the next is added.
What you need is FlipView control which can get you the interface you described.
Here are some references:
Quickstart: Adding FlipView controls (XAML)
XAML FlipView control sample
How can I simulate a tap event on a filefield in Sencha Touch 2?
The background: The filefield is hidden. There is a panel and if user taps on this panel, I want Sencha Touch fire tap event on filefield because I want the filechooser open.
Thank you.
I am still not sure why you need a panel to trigger that event. Is is to style it nicely. If so look at this article by Crysfel Villa. He did an amazing job styling the file upload control which prompts the user to browse for a file in desktop mode and take a picture or browse the photo directory when on a mobile device.