PHPackages                             mrshanebarron/video-player - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. mrshanebarron/video-player

ActiveLibrary[Utility & Helpers](/categories/utility)

mrshanebarron/video-player
==========================

Video player component for Laravel - supports Livewire and Vue

v1.0.3(5mo ago)010MITVuePHP ^8.1

Since Dec 14Pushed 4mo agoCompare

[ Source](https://github.com/mrshanebarron/video-player)[ Packagist](https://packagist.org/packages/mrshanebarron/video-player)[ RSS](/packages/mrshanebarron-video-player/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (3)DependenciesVersions (5)Used By (0)

Video Player
============

[](#video-player)

HTML5 video player component for Laravel applications. Supports multiple aspect ratios, autoplay, loop, poster images, and native controls. Works with Livewire and Vue 3.

Installation
------------

[](#installation)

```
composer require mrshanebarron/video-player
```

Livewire Usage
--------------

[](#livewire-usage)

### Basic Usage

[](#basic-usage)

```

```

### With Poster Image

[](#with-poster-image)

```

```

### Aspect Ratios

[](#aspect-ratios)

```

```

### Autoplay with Muted

[](#autoplay-with-muted)

```

```

### Loop Video

[](#loop-video)

```

```

### Hide Controls

[](#hide-controls)

```

```

### Livewire Props

[](#livewire-props)

PropTypeDefaultDescription`src`string`''`Video source URL`poster`string`null`Poster image URL`autoplay`boolean`false`Auto-start playback`loop`boolean`false`Loop video`muted`boolean`false`Start muted`controls`boolean`true`Show player controls`aspectRatio`string`'16:9'`Aspect ratio: `16:9`, `4:3`, `1:1`, `21:9`Vue 3 Usage
-----------

[](#vue-3-usage)

### Setup

[](#setup)

```
import { SbVideoPlayer } from './vendor/sb-video-player';
app.component('SbVideoPlayer', SbVideoPlayer);
```

### Basic Usage

[](#basic-usage-1)

```

```

### With Options

[](#with-options)

```

```

### Vue Props

[](#vue-props)

PropTypeDefaultDescription`src`String`''`Video URL`poster`String`null`Poster image`autoplay`Boolean`false`Autoplay`loop`Boolean`false`Loop`muted`Boolean`false`Muted`controls`Boolean`true`Show controls`aspectRatio`String`'16:9'`Aspect ratio### Events

[](#events)

EventPayloadDescription`play`-Video started playing`pause`-Video paused`ended`-Video finished`timeupdate`numberCurrent time changedSupported Formats
-----------------

[](#supported-formats)

The component uses the native HTML5 video element and supports:

- MP4 (H.264)
- WebM
- Ogg

```

```

Responsive Behavior
-------------------

[](#responsive-behavior)

The video player is fully responsive and maintains its aspect ratio:

```

```

Background Video
----------------

[](#background-video)

Create a background video effect:

```

        Overlay Content

```

Styling
-------

[](#styling)

The video player includes:

- Responsive aspect ratio container
- Rounded corners
- Native browser controls
- Full-width display

Requirements
------------

[](#requirements)

- PHP 8.1+
- Laravel 10, 11, or 12
- Tailwind CSS 3.x

License
-------

[](#license)

MIT License

###  Health Score

34

—

LowBetter than 77% of packages

Maintenance74

Regular maintenance activity

Popularity5

Limited adoption so far

Community2

Small or concentrated contributor base

Maturity46

Maturing project, gaining track record

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~0 days

Total

4

Last Release

150d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/7a38dc9b4ccc180ee3e9df8879f8747ea9dbf36812c6546827fe504fa8993eb8?d=identicon)[mrshanebarron](/maintainers/mrshanebarron)

### Embed Badge

![Health badge](/badges/mrshanebarron-video-player/health.svg)

```
[![Health](https://phpackages.com/badges/mrshanebarron-video-player/health.svg)](https://phpackages.com/packages/mrshanebarron-video-player)
```

###  Alternatives

[jordanmiguel/laravel-popular

A Laravel package to track popularity of entries(by Models) in a website at a certain time.

659.6k1](/packages/jordanmiguel-laravel-popular)[jaaulde/php-ipv4

PHP classes for working with IPV4 addresses and networks.

1034.6k](/packages/jaaulde-php-ipv4)[ip2location/ip2location-cakephp

Lookup for visitor's IP information, such as country, region, city, coordinates, zip code, time zone, ISP, domain name, connection type, area code, weather, MCC, MNC, mobile brand name, elevation and usage type.

224.6k](/packages/ip2location-ip2location-cakephp)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)