[Eric Emanuel]

Ok, it took some time but I was able to find a solution by myself. The main problems were:

1. There's a great number of variables in this code
2. Some of them use "double-quotes" and others use 'single-quotes', so you have to carefully organize interchange these two. It's very, very easy to make mistakes here.
3. I have no idea why, but using 'videoURL' as a variable didn't work, I had to change it to 'videolink' in this case. I guess it's a conflict, but I'm not sure about that.

The strategy that saved me was looking into the font-code generated by the browser. The point of the shortcode is to generate exactly the same HTML code as above if there's no user input, so I only had to look at the generated code, compare with my original code and fix the problems. Patience is important here.

The result is: I can now create divs with video background and text over it only writing this in any page:

[video]
[videoitem videolink="https://www.youtube.com/watch?v=fdJc1_IBKJA" title="This is a Title" subtitle="This is a subtitle"][/videoitem]
[/video]

For the curious, this is the CSS I'm using:

.video-section .pattern-overlay {
	background-color: rgba(71, 71, 71, 0.59);
	padding: 110px 0 32px;
	min-height: 496px; 
	/* Incase of overlay problems just increase the min-height*/
}

.video-section h1, .video-section h4{
	text-align:center;
	color:#fff;
}

.video-section h1{
	font-size:110px;
	text-transform: uppercase;
	margin: 40px auto 0px;
	text-shadow: 1px 1px 1px #000;
	-webkit-text-shadow: 1px 1px 1px #000;
	-moz-text-shadow: 1px 1px 1px #000;
}

.video-section h4{
	font-size: 25px;
	margin: 0px auto 15px;
}

.video-section .buttonBar{
	display: none;
}

.player {
	font-size: 1px;
}

Awesome! =D

[Eric Emanuel]

I will, thanks again!

[Eric Emanuel]

Worked like a charm! Thank you, my friend, you're the best!
Your bonus section is also very helpful, I'll study and use this knowledge from now on! =D

Do you mind if I contact you if I have any more of these newbie questions?

Thank you very much!

[Eric Emanuel]

Wow, you've created a whole class just for me? Amazing!
Thanks a lot, I'll implement it and let you know about the results =)

[Eric Emanuel]

Thanks for your attention, Jamie, I really appreciate it =)

[Eric Emanuel]

Yes, that's exactly what I want!
I've been struggling with this for hours now, it can't be that hard...

[Eric Emanuel]

I've changed my code to yours, but no success yet... I click on the headers and nothing happens.
Do you have another idea of what could be wrong?

[Author]

Posts