Cannot float embedded video

  • Resolved geeky_girl01

    (@geeky_girl01)


    8 years, 3 months ago

    I have had a really hard time embedding a video in my WordPress theme. After I just switched to a new theme, I could see the video in the text editor but it wouldn’t show up in the browser. I tried the iframe tag but it didn’t work at all. After trying lots of different code variations, finally I was able to get it to work by using this code, but I’m not sure it’s the correct code:

    [video height="280" width="400" align="right" src="https://youtu.be/mhnuES3Zgr4"][/video]

    I can’t seem to be able to float it to the right. Does anyone know how I would float it right? I’ve tried align=’right’ and style: alignright and I just can’t get it to work. Here is the url: camwoodbats.com

    I appreciate any help

Viewing 7 replies - 1 through 7 (of 7 total)

  • What for kind video do you want to embed in your website? Mostly you can copy the URL from YouTube and paste it in the HTML mode of your page or post (not the wysiwyg) mode.

    As far as CSS goes, this is the proper method: style="float: right;" as an attribute for a HTML tag.

    Thread Starter geeky_girl01

    (@geeky_girl01)

    Just want to embed a YouTube video. I used the code: [video height="280" width="400" align="right" src="https://youtu.be/mhnuES3Zgr4"][/video]

    I was finally able to get it to show in the browser, but I can’t seem to get it to float right or left. Do you have any suggestions? I am working in the html/text mode of the text editor.

    Thread Starter geeky_girl01

    (@geeky_girl01)

    Would I put that inside the [video] tag? I’m a little inexperienced with editing the code.

    Thread Starter geeky_girl01

    (@geeky_girl01)

    I added the code but it is not floating right at all. Here is what I am using:
    [video height="280" width="400" style="float: right;" src="https://youtu.be/XTEYUW01OH0"][/video]

    Looking at Video Shortcode ? WordPress Codex I am not sure if the short code parser will recognize it. Looks like it removes the style attribute.

    I got it to work this way:

    <div style="float: right;">
<p>[video height="280" width="400" src="https://youtu.be/mhnuES3Zgr4"][/video]</p>
</div>

    Use the text mode of the editor to add the surrounding <div> tag.

    Thread Starter geeky_girl01

    (@geeky_girl01)

    Thanks for all your help!I finally got it to work correctly.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Cannot float embedded video’ is closed to new replies.