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

[phannaly/php-datetime-khmer

The PHP library for convert datetime to Khmer

1510.3k](/packages/phannaly-php-datetime-khmer)[moosend/website-tracking

By installing the Moosend PHP Tracking library you are can track page views, product views, add to cart events and successful purchases. You can later use these details to segment your user base, run automations, check how successful your latest promo has been and how many conversions your landing page has led to.

1020.9k1](/packages/moosend-website-tracking)

PHPackages © 2026

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