Youtube Player funtionality

[EmDew219]

I just have a couple issues with the lightbox.

1). The youtube buttons, for example the play button, when you click the actual play button it doesn't play or pause, I'm talking about the play button in the bottom left hand side of the player not the big one in the center. In order to get the button to work you would have to click like about 2 inches above where the actual play button is for it to work. And that's the same for all the buttons on the player.

2). My second issue is, now this one is probably my fault because as I said in my previous email to you I'm not too familiar with coding as such yet. But anyway I renamed the id like you said and it worked but now the second video that I have is no longer responsive like the first one is....and I don't know why.

Please help and thank you for your responses so far they've been much appreciated! :D

[anselmh]

Hi, it's hard to follow your issues without seeing the code you use. Could you either provide us a link to the (non)working demo or create a jsbin?

[EmDew219]

I'll send you the link here because I don't want it to be public yet
http:https://www.runamukrecords.com/kaliber.html
and the three videos are at the bottom of the page......if you open one and play the video then try to pause the video or mess with the sound...you'll get what I'm talking about. :)

On Wednesday, 8 January 2014, 18:47:36, Anselm Hannemann [email protected] wrote:

Hi, it's hard to follow your issues without seeing the code you use. Could you either provide us a link to the (non)working demo or create a jsbin?
—
Reply to this email directly or view it on GitHub.

[drublic]

1. Please see http:https://drublic.github.io/css-modal/#modal-embed. Works for me in Chrome. Firefox seems to be buggy.

2. This seems to be a CSS issue with the general styling. Please try to check your CSS if this issue is still present.

[anselmh]

The only issue I can confirm on the link you've sent is that the video doesn't stop when hiding the modal. This should be done with JavaScript. All other issues don't appear in the browsers I tested (Firefox, Chrome).

[karabey]

The Error comes from Firefox Shockwave Flash Plugin. Deactivate it and it will work.
http:https://stackoverflow.com/questions/20796646/video-not-working-in-bootstrap-modal-pop-up-on-firefox

@drublic
You are right the CSS could solve it too. This is the Problem part.

.semantic-content {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.semantic-content:target {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);  
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

One of the solution is to add at the end of Youtube Link ?wmode=transparent

[anselmh]

I'm going to close this now. The solution is to add the ?wmode=transparent parameter to YouTube URLs so that video works within the modal if it is played through Flash.

Please re-open if this is not the correct solution and clarify.