• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. References
  2. Web APIs
  3. WebGL: 2D and 3D graphics for the web
  4. WebGL by example
  5. Video textures
    • Deutsch
    • Français

In this article

  • Textures from video
  1. WebGL: 2D and 3D graphics for the web
  2. Guides
    1. WebGL constants
    2. WebGL types
    3. WebGL model view projection
    4. WebGL best practices
    5. WebGL by example
    6. A basic 2D WebGL animation example
    7. Compressed texture formats
    8. Data in WebGL
    9. Matrix math for the web
    10. Using WebGL extensions
  3. Tutorial
    1. WebGL tutorial
    2. Getting started with WebGL
    3. Adding 2D content to a WebGL context
    4. Using shaders to apply color in WebGL
    5. Animating objects with WebGL
    6. Creating 3D objects using WebGL
    7. Using textures in WebGL
    8. Lighting in WebGL
    9. Animating textures in WebGL
  4. Interfaces
    1. WebGLRenderingContext
    2. WebGLBuffer
    3. WebGLFramebuffer
    4. WebGLRenderbuffer
    5. WebGLObject Experimental
    6. WebGLProgram
    7. WebGLShader
    8. WebGLTexture
    9. WebGLUniformLocation
    10. WebGLActiveInfo
    11. WebGLShaderPrecisionFormat
    12. WebGLContextEvent
    13. WebGLQuery
    14. WebGLSampler
    15. WebGLSync
    16. WebGLTransformFeedback
    17. WebGLVertexArrayObject
    18. WebGL2RenderingContext
    19. WEBGL_compressed_texture_s3tc
    20. WEBGL_compressed_texture_s3tc_srgb
    21. WEBGL_compressed_texture_etc1
    22. WEBGL_compressed_texture_pvrtc
    23. WEBGL_debug_renderer_info
    24. WEBGL_debug_shaders
    25. WEBGL_depth_texture
    26. OES_element_index_uint
    27. EXT_frag_depth
    28. WEBGL_lose_context
    29. EXT_texture_filter_anisotropic
    30. EXT_sRGB
    31. OES_standard_derivatives
    32. OES_texture_float
    33. WEBGL_draw_buffers
    34. OES_texture_float_linear
    35. EXT_shader_texture_lod
    36. OES_texture_half_float
    37. OES_texture_half_float_linear
    38. WEBGL_color_buffer_float
    39. EXT_color_buffer_half_float
    40. OES_vertex_array_object
    41. ANGLE_instanced_arrays
    42. EXT_blend_minmax
    43. EXT_disjoint_timer_query
    44. OES_draw_buffers_indexed
  5. Events
    1. HTMLCanvasElement: webglcontextlost
    2. HTMLCanvasElement: webglcontextrestored
    3. HTMLCanvasElement: webglcontextcreationerror

In this article

  • Textures from video

Video textures

  • Previous

This example demonstrates how to use video files as textures for WebGL surfaces.

Textures from video

The source code of this example is available on GitHub.

  • Previous

Help improve MDN

Learn how to contribute.

This page was last modified on Dec 22, 2024 by MDN contributors.

View this page on GitHub • Report a problem with this content
Video textures by Mozilla Contributors is licensed under CC-BY-SA 2.5.