Responsive Video

Self Hosted Video

[x_video_player m4v="https://yourdomain.com/video.mp4" poster="https://yourdomain.com/image.jpg"]

Video Embed

[x_video_embed]<iframe src="https://player.vimeo.com/video/67051688" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>[/x_video_embed]

YouTube Embed

[x_video_embed]<iframe width="560" height="315" src="https://www.youtube.com/embed/gLLFPfk14UI" frameborder="0" allowfullscreen></iframe>[/x_video_embed]

TED Embed

[x_video_embed]<iframe src="https://embed.ted.com/talks/reggie_watts_disorients_you_in_the_most_entertaining_way.html" width="560" height="315" frameborder="0" scrolling="no" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>[/x_video_embed]

Hulu Embed

[x_video_embed]<iframe width="512" height="288" src="https://www.hulu.com/embed.html?eid=l3v8ac7ejcfjm7fnvlgpvq" frameborder="0" scrolling="no" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>[/x_video_embed]

Video With No Container

[x_video_embed no_container="true"]<iframe src="https://player.vimeo.com/video/67051688" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>[/x_video_embed]

Video Player Options

  • id: add a unique ID to the shortcode.
  • class: add a class or multiple classes to the shortcode.
  • style: add inline styles to the shortcode.
  • type: “16:9,” “5:3,” “5:4,” “4:3,” or “3:2.”
  • m4v: input the URL to your video in .m4v format.
  • ogv: input the URL to your video in .ogv format.
  • poster: input the link to an image you would like to use as the holder image before playing the video for the first time.
  • hide_controls: set to “true” to hide the controls.
  • autoplay: set to “true” to autoplay the video.
  • no_container: input “true” to remove the container styling.

Video Embed Options

  • id: add a unique ID to the shortcode.
  • class: add a class or multiple classes to the shortcode.
  • style: add inline styles to the shortcode.
  • type: “16:9,” “5:3,” “5:4,” “4:3,” or “3:2.”
  • no_container: input “true” to remove the container styling.