Recent searches
No recent searches
How to embed videos with a timestamp into Guide articles
Posted Oct 19, 2018
Using Guide's video embed feature, it's easy to embed YouTube videos into Guide articles. Unfortunately, if you try to embed a video with a timestamp using YouTube's "Copy URL at current time" feature, Guide will embed the video but won't respect the start time.
To force a specific start / end time, you just need to edit your article a little more. Start by embedding your video using the default feature. Calculate your desired start time (and end time, if needed) in seconds, and hold onto those numbers. For example, you might have a start time of 45 seconds into the video, and an end time of 120 seconds.
Then, go to the code editor:You'll see a snippet that looks like the below block of code:
<iframe src="//www.youtube-nocookie.com/embed/{{video_code_here}}" width="560" height="315" frameborder="0" allowfullscreen=""></iframe>
Note the placeholder for the video code. It's a random set of letters and numbers, like this: o-szhNG0u-g. Now, add a question mark after the video code, then add your start time and end times like so:
iframe src="//www.youtube-nocookie.com/embed/{{video_code_here}}?start=45&end=120"
Make sure the text is inside the quotation mark that closes that part of the code. You can leave off the end parameter if needed. If you do, you can drop the & symbol too. Now you can click "OK" in the code editor to save your changes, and then save your article (don't forget this part!). Go ahead and view the preview or live version, and enjoy sending your customer right to the clip they need!
This tip was made with the help of University of Texas at Austin: https://sites.edb.utexas.edu/wordpress/blog/embedding-a-youtube-video-with-start-and-stop-time/
1
3 comments
Jennifer Rowe
Great tip! Thanks for sharing it, Zac!
0
Karen
This did not fully work for me. The video shows correctly in Preview but the start time doesn't hold on the live article. Also, you'll need to use the time value from YT as opposed to the time stamp you see. Any advice on getting the values to hold so that it's actually usable in the live article?
0
Darenne
0