York Web Technologies eCommerce Website Design and Hosting

  • Home
  • Our Blog
  • Domains
  • Hosting
  • Contact Us
  • Home
  • Our Blog
  • Clients
  • Yorkshire Church
  • Adding Vimeo Video to Blog Post
February 5, 2023

Adding Vimeo Video to Blog Post

Adding Vimeo Video to Blog Post

by Nick / Friday, 30 October 2020 / Published in Yorkshire Church

Start by creating a new post.

Give your post a title, check the category box and then click Save draft. You do not have to Enable Zion builder to do a blog post, you can use the WordPress Blocks editor to make things fast and simple.

Click the plus box and search for “vimeo” and click the logo link to add a Vimeo block to your post.

Go to https://vimeo.com/user122852825 in another window (so you don’t lose your post!) and find the video you want to post. Open the video and hover over the preview to bring up the action icons. Click the Share icon.

After clicking the Share icon, copy the URL for the video you want to post.

Return to the post editor and paste the video URL in the field and click the Embed button.

When the video is embedded, a preview will appear.

Click beside the + icon and add your Scripture references.

After entering your Scripture references, click the Publish button to make the post available for users on the front end. Now how easy is that?!

Add a video starting at a specific point of time in the video

Instead of using the Vimeo block in WordPress, we will use the Custom HTML block to embed the video.

In the Share this video dialog box on Vimeo, copy the Embed code (I have drown a magenta rectangle around the code in the screen cap below)

Create a new Custom HTML block:

Click the Link field in Vimeo to bring up the start time field:

Enter the Start video time and then copy the embed code. Notice the embed code does not change when you add the start time. We will have to manually fix this:

Past the Embed code into the Custom HTML field on your post:

Then copy the URL after .com/ in the Vimeo link field:

Replace the end of the URL in the embed code with the new link code:

Don’t forget to click “Update” and then view the post to confirm the video will start at the correct time:

Tagged under: Tutorial

About Nick

Nicholas Lamb is the Managing Partner of York Web Technologies LLC.

What you can read next

Adding Content via PageBuilder instead of WordPress Editor
Changing Covid Banner using Page Builder Smart Areas
Yorkshire Ministry Page Redesign

Our Blog

  • Clients
    • Abottstown Industries
    • All Trans TTS
    • BnD Treasure Chest
    • GWS Scholarship Fund
    • Heavenly Landscaping
    • Hostetter Supply
    • RackRoiz
    • Schooner Bay Co
    • SPG Capital
    • Spring Valley Mulch
    • Steinmetz Coins & Currency
    • Stony Run Brew House
    • Yorkshire Church
  • Domains for Sale
  • Jobs
  • Law and Regulatory Changes
  • Mac Tutorials
  • Uncategorized
  • YorkWebTech Services

Recent Posts

  • Posting Photos to Album for Custom Facebook Feed

    Save the photos you would like to add to your p...
  • Senate Judiciary Committee proposed legislation would have unintended consequences for your business

    Google has reached out to us to stay informed a...
  • Add images to SPG Event Space Gallery

    ...
  • HTML Snippets Wordpress edit screen

    Updating HTML Snippets

    To update the current hours and dinner menu, lo...
  • Woocommerce Product Quick Edit to Publish Draft

    Woocommerce Quick Edit to Bulk Publish Products

    To use the WordPress Woocommerce quick edit to ...

York Web Technologies LLC

150 Memory Ln
York, PA 17402
tech@yorkwebtech.com

© 2021 York Web Technologies LLC. All rights reserved.

TOP