Add Custom button in VideoJs player (inside player not in controlbar) - video.js

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.

Related

How to control audio/video original controls without creating custom controls

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

Add a menu button on control bar in videojs

Hi I am using videojs player framework version 5.2.4.
I am trying to add a custom button in control bar menu. I tried code given here add item in control bar
But it seems that our version of video js is causing a problem in calling functions.
Is there any help for current version of video js? Also I want it to show/hide automatically as control bar hide and show.
Please help.

.Net Form Layout - create Chat UI like facebook or google hangouts

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).

Can I edit the UINavigationItem's title from within the app?

So I want the ability to change the title of the UINavigationItem from within the app. To be more specific, I want to be able to tap the title on the navigation bar and have it go into edit mode; where I can type in a new title. Is there any way to do this?
It's quite possible and not very hard in fact. Here are the simple steps:
Navigation item allows for custom views in its title
Add a view with a label similar to that of the native navigation item
Add a transparent button (custom button) on top of the label
Add a hidden text field on top of the button
When the button is pressed, hide the label and show the text field - focus on the text field (becomeFirstResponder)
You are in editing mode: now track for "Return" key being pressed, and once that happens set your label text to what has been entered, resign first responder from the text field and hide it, then show the label
If you adjust all the properties of the UI components it will look like your navigation item supports inline editing!

next/previous track buttons action

I have an NSTableView (URLs of songs) and QTMovieView elements. I need to create an action that will execute when previous/next buttons on QTMovieView will be pressed. what I need to do?
If you want to do custom things, don't use the QTMovieView's control bar. You'll have to make your own controls with their own actions. Those actions will do what you need them to do as well as tell the movie view to play/pause, seek, etc.
You can turn the control bar off on a QTMovieView. Since you appear not to be using the video portion of the movie view, however, you could get rid of it entirely, using your own controls.