search

vime-js / vime

Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...
https://vimejs.com
MIT License
2.77k stars 152 forks source link

bug: Youtube and Vimeo components sizing problems #256

Open roy-palomino opened 3 years ago

roy-palomino commented 3 years ago

Bug Report

Vime version:

@vime/vue-next: ^5.0.33

Provider:

[] Audio [] Video [] HLS [] DASH [x] YouTube [x] Vimeo [] Dailymotion

Current behavior:

Youtube component sticks to the top with 100% width and just a small height. Vimeo component overlays almost all the screen and its height is double of the video. Both components dont have the posibility of editing the size.

Expected behavior:

Having the posibility to edit the size.

Steps to reproduce:

  1. Download this repo
  2. yarn install
  3. yarn dev

Related code:

Player(controls)
  Vimeo(videoId="411652396")

Player(controls)
  Youtube(videoId="DyTCOwB0DVw")

Other information:

unremarkablegarden commented 3 years ago

Same here

leofvo commented 2 years ago

Same here using : 

    "@vime/core": "^5.0.31",
    "@vime/react": "^5.0.31",
MirkoLoi commented 1 year ago

There is a solution or just a workaround?

roy-palomino commented 1 year ago

There is a solution or just a workaround?

@MirkoLo I ended up using vue-vimeo-player library for vimeo and iframe for youtube with some css: `

.video-style { max-width: 1200px; margin-right: auto; margin-left: auto; padding: 0 10px 0 10px; } `