Create a suspension toolbar on web video
Create Toolbar overflow Video on WebPage
A few days ago studied the video control on the JavaScript script operating web page. Because the designs need, you want to add a pop-up toolbar on the video window, similar to the REALONE full-screen button, when the mouse moves to the video area, the toolbar It can be popped, more than a certain period of time, and the tool bar can be automatically hidden.
However, in the test process, the Windows MediaPlayer control is used, which seems to be covered by the video window. On the Internet Google two days, no good solution, discovered a post, very shameless, But almost let me lose confidence: http://www.milonic.com/mfa/2004-july/004569.html;
Later, I decided to change the plan, I want to make an ActiveX control, encapsulate the WMP, and then implement the pop-up menu in my own ActiveX control. When this idea implements half, in one test, in order to prohibit the full screen of the WMP window, I Setting the WMP control property to "", when the page preview effect, the DIV discovered on the page appeared on the Video window. This is what I concluded: When you have full-screen functions, the WMP video window is a TopMost window (so that he can full screen), causing other windows that cannot be displayed. Here, I gave up the encapsulated ActiveX and resume it with JavaScript to write control scripts. The following code is a prototype, you can pop up a box button in the upper left corner of VIDEO, click the button, VideoO starts playing or pause.
|