I designed a WordPress wordpress plugin that produces a shortcode that returns this string:
EDIT: WordPress is intrusively adding
p tags still. The above mentioned screenshot no more reflects the way the XHTML has been made but how do i prevent WordPress from carrying this out?
<span> tag can't ever have a
<div>. Since the
<span> is definitely an inline element employed for formatting within blocks like
<p> tags. Inline elements can't ever contain block elements and Chrome is attempting to normalize the invalid markup you gave it.
To resolve the problem you need to result in the
video-link-box a div. Maybe you have to apply some additional formatting.
You are able to switch off the Wordpress auto-formatting, using wpautop (or better by crippling that filter). There's additionally a wordpress plugin to show from the auto-formatting on the per-publish basis.
Ah, and that i didn't remember that WordPress does not use HTML5 too. Appears like I'll have to change
No, you don't have to, latest versions of Wordpress know about the HTML5-tags. But as pointed out within the other answer, the wpautop-function also inspections for correct block-element-nesting.