search

iandennismiller / youtube-remix

Easily embed Youtube video remixes in HTML. Cut, sequence, and merge multiple videos into a single stream.
5 stars 2 forks source link

White flashing between clips #1

Open chrisboden opened 9 years ago

chrisboden commented 9 years ago

Great stuff Ian - love this lib. I'm experimenting with grabbing snippets from longish videos (like lectures) to showcase highlights. I specify the video and id with start/end and all is good. As the lib transitions between clips, it shows a white flash across a portion of the player (latest Chrome on osx). Setting a black background in css on "#example_player" element does not have any effect - ie the white flashing I was wondering whether it was possible to control the transition between clips so that the white foreground did not show - if it transparently showed the black background whilst loading in the new clip/segment then it would be more seamless.

Pen here http://codepen.io/chrisboden/pen/eNpXdY/

screen shot 2015-05-07 at 9 43 18 pm

iandennismiller commented 9 years ago

Hi Chris - thanks for the positive note!

I checked out the codepen you posted (thanks for sharing) but I wasn't able to see the effect. I hate to belabour the point at all, but is there any chance you could whip up an example where the videos are spliced in rapid sequence? Is it possible I didn't actually notice the problem because your example videos are rather long (i.e. and I should just keep watching)?

chrisboden commented 9 years ago

Hi Ian, I worked out what it was. There is a background of white set in the js file on line 195. If I change that to transparent the issue is resolved. In the above screenshot you can see the white block - I suspect that it's offset to the right and upwards (perhaps a margin somewhere) which is misaligning it. If you make it green, to test with, the issue becomes more apparent. Making it transparent resolves the issue for me but need to trackdown why there is a margin offset.