Want to add a responsive video from YouTube or Vimeo to a blog post or landing page?


Simply follow these steps:

  1. Go to the blog post or landing page
  2. Find the section in the post that you want to include your video. 
  3. Add the code [ninjavideo url=""] (This special ninja video HTML code allows the video to resize automatically regardless of the screen size - desktop, laptop, mobile, tablet and more. It especially helps the video not go off the page if someone is watching on mobile.
  4. Navigate to the YouTube or Vimeo video)
  5. Click Share > Embed
  6. Modify the embed options as desired
  7. Copy the code in between scr=" and " frameborder=0

    embedcode.png

  8. Return to your blog post or landing page and paste the code in between the "" of your ninjavideo HTML code. For example: [ninjavideo url="https://www.youtube.com/embed/HDBzBmNwkXM"] If there is a space missing or added it could break the code and may not work properly. To avoid these issues, simply copy and paste the code and add your URL.)
  9. Click update. 
  10. View your post or page to verify the changes worked properly.


embed-ninja-video.gif