Code

Image Video Audio Background for Wordpress

Image Video Audio Background for Wordpress

elite author

Clean and simple video background plugin for any website supports videos, Youtube and Vimeo, background audio, simple images, 360 virtual reality video, image panorama and Apple HLS, and MPEG DASH Live streaming.

Use this plugin to play single video in a loop, multiple looping videos or mixed playlist of videos and images.
Built in skip to url feature after video finish and navigate to new page makes it suitable for intro and landing pages.

Apply to all pages or on specific pages in website. Plugin can be used as full video background or within any HTML element in the page.

Features and options:

  • Responsive or fixed size posibilities
  • Media support
    • Self hosted video (or any public link that plays in browser)
    • Virtual reality 360 video, example here
    • Apple HLS Live Streaming, example here
    • MPEG DASH Live Streaming, example here
    • Youtube single videos
    • Vimeo single videos
    • Image support (with optional time duration)
    • Image panorama 360, example here
    • Self hosted audio (or any public link that plays in browser) with optional image slideshow background
    • Mixed media in playlist
    • Single looping video
  • Only mp4 video format required for all browsers and devices
  • Randomize playlist
  • Autoplay on mobile (muted)
  • Video aspect ratio (fit inside, fit outside, original size)
  • Video playback speed
  • Video start / end time
  • Optional basic controls (pause/play/volume, seekbar etc) over video area
  • Optional built in skip intro feature (plus navigate to url video end)
  • Optional keyboard navigation
  • Option to use native player on mobile
  • Option to disable click on video background to pause play video.
  • Optional video overlay
  • API methods
  • Callbacks

Notes:

1. This is Wordpress version, jQuery version is available here: http://codecanyon.net/item/html5-video-image-background-/1555660



Updates / Changelog

VERSION 1.35 [15.2.2020]

 - [UPDATE] remove forced muted autoplay for video (autoplay option is now default)
 - [ADD] 2 new event callbacks (fullscreenEnter, fullscreenExit)
 - [ADD] specify DOM selector in which to place background element

VERSION 1.31 [21.12.2019]

 - [UPDATE] fixed player gets added to body as first layer

VERSION 1.3 [1.12.2019]

 - [FIX] duplicate player function jquery not defined

VERSION 1.3 [7.11.2019]

 - [ADD] option to show poster after video end screen (self hosted video, youtube, vimeo)
 - [ADD] option to skip poster 
 - [ADD] optional video quality for mobile for self hosted video

UPDATE 1.24 [28.8.2019]

 - [FIX] Toggle playback with multiple instances in the page

UPDATE 1.23 [28.7.2019]

 - [FIX] Vimeo ended event

UPDATE 1.22 [7.6.2019]

 - [ADD] MPEG DASH support

UPDATE 1.2 [31.5.2019]

 - [FIX] Video texture not set
 - [ADD] Virtual reality 360 video
 - [ADD] Image panorama
 - [ADD] Apple HLS Live Streaming
 - [UPDATE] General improvements

VERSION 1.0 [29.03.2019]

 - first release

tags: intro, landing page, dash, HLS, slideshow, video background, vimeo, wordpress video, youtube

by
by
by
by
by
by