vime icon indicating copy to clipboard operation
vime copied to clipboard
verified publisher icon vime-js

bug: Youtube and Vimeo components sizing problems

Open roy-palomino opened this issue 4 years ago • 4 comments

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:

roy-palomino avatar Oct 08 '21 01:10 roy-palomino

Same here

unremarkablegarden avatar Nov 01 '21 14:11 unremarkablegarden

Same here using :

    "@vime/core": "^5.0.31",
    "@vime/react": "^5.0.31",

leofvo avatar Nov 07 '21 18:11 leofvo

There is a solution or just a workaround?

MirkoLoi avatar Aug 28 '23 16:08 MirkoLoi

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; } `

roy-palomino avatar Sep 19 '23 22:09 roy-palomino