Video streaming in a web browser

1. A method of streaming video to a browser on a client device, comprising:

receiving, from a media engine, a decoded video stream displayable in a video element of the browser on the client device;

receiving content, separate from the decoded video stream, from a browser engine;

combining the decoded video stream and the content using a renderer;

displaying the decoded video stream and content in a same browser page using the renderer; and

in response to user input, moving the video element relative to the content so that a layout of the browser page changes;

wherein the browser engine has control of both of the video element and the content until a selection of the video element is received, and, in response to the selection, the browser engine passes control of the video element to the media engine for delivering the decoded video stream to the renderer.

2. The method of claim 1 , further including docking the video element relative to an edge of the browser page.

3. The method of claim 2 , further including scrolling the content, while the video element remains at a fixed location relative to an edge of the browser page.

4. The method of claim 1 , further including passing position coordinates of the video element to a user interface renderer.

5. The method of claim 1 , further including receiving an encoded video stream and the content from a network using a media engine on the client device, and further including decoding the encoded video stream and content using the media engine.

6. The method of claim 1 , wherein the user input includes a drag-and-drop operation or a flick operation.

7. The method of claim 1 , further including passing control of the video element from a browser engine to a media engine upon selection of the video element.

8. The method of claim 7 , wherein passing control includes passing a video element identifier from the browser engine to the media engine and passing the video element identifier from the browser engine to a renderer.

9. The method of claim 1 , further including receiving user input selecting the video element while the decoded video stream is playing and switching to a full-screen mode wherein only the decoded video stream from the media engine is rendered.

10. The method of claim 1 , wherein the layout of the page changing includes reformatting the content to account for movement of the video element.

11. The method of claim 10 , wherein reformatting includes resizing the content.

12. A computer-readable storage component having instructions thereon for implementing a method, comprising:

playing a video in a video element of a browser while displaying written content outside of the video element;

receiving user input to move the video element;

in response to the user input, moving the video element to a docked position; and

scrolling the written content, while maintaining the video element in the docked position, which is a fixed position relative to an edge of a user interface, wherein both the written content and the video element are controlled by a browser engine;

receiving a user selection of the video element;

in response to the user selection, passing coordinates of the video element from the browser engine to a media engine;

wherein the video is sourced from the media engine and the written content is sourced from the browser engine, so that a renderer displaying the video and written content simultaneously receives the video and written content in parallel streams and displays the video and written content in a single browser page.

13. The computer-readable storage component of claim 12 , further including reformatting the written content to account for a change in position of the video element relative to the written content as the written content is scrolled.

14. The computer-readable storage component of claim 12 , wherein the browser is located on a mobile phone and the video and the written content are displayed in a single browser page.

15. The computer-readable storage component of claim 12 , wherein the received user input is a flick operation or a drag-and-drop operation.

16. A method, comprising:

playing a video in a video element of a browser while displaying written content outside of the video element;

receiving user input to move the video element;

in response to the user input, moving the video element to a docked position; and

scrolling the written content, while maintaining the video element in the docked position, which is a fixed position relative to an edge of a user interface, wherein both the written content and the video element are controlled by a browser engine;

receiving a user selection of the video element;

in response to the user selection, passing coordinates of the video element from the browser engine to a media engine;

wherein the video is sourced from the media engine and the written content is sourced from the browser engine, so that a renderer displaying the video and written content simultaneously receives the video and written content in parallel streams and displays the video and written content in a single browser page.

17. The method of claim 16 , further comprising reformatting the written content to account for a change in position of the video element relative to the written content as the written content is scrolled.

18. The method of claim 16 , wherein the browser is located on a mobile phone and the video and the written content are displayed in a single browser page.

19. The method of claim 16 , wherein the received user input is a flick operation or a drag-and-drop operation.