How to jump to a point in time in video via url?

adam

December 04, 2019 22:50

For example YouTube allows something like &t=25 or &start=25 as a URL parameter and the video will start at the 25th second. How can I achieve this via URL with Cloudinary? I'm aware of the API seek event but it my case I need to be able to just update the URL dynamically and I'm not having any luck. Thanks.

0

• 

  Aditi Madan

  December 05, 2019 01:01

  Hi Adam,

  Cloudinary has a `start_offset` and `end_offset` where you can specify the time range of the video to be played. If you only specify start_offset then it will play the video from that point to the end.

  More information here: https://cloudinary.com/documentation/video_manipulation_and_delivery#trimming_videos

  Regards,

  Aditi

  0
• 

  adam

  April 15, 2020 20:29

  Thank you that is working but I'm having trouble applying it to the Cloudinary embedded video player. Is it possible to apply all the same video transformations on the fly in the URL within the Cloudinary embed url? Example url below:

  https://player.cloudinary.com/embed/?cloud_name=adam16ster&public_id=raceTraynor&fluid=true&controls=true&source_types&seekStart=3%5B0%5D=mp4

  I've tried squeezing in for example so_5 in multiple sections of the url but no luck. Any help would be greatly appreciated. Thanks!

  0
• 

  Shirly Manor

  April 16, 2020 18:12

  Hi Adam, 

  Currently, there is no way to add transformation (e.g., start offset) in the embed video url.

  If you want to set the poster for a different start offset. You can add transformation for the poster:

   https://player.cloudinary.com/embed/?cloud_name=demo&public_id=elephants&fluid=true&controls=true&muted=true&poster_options%5Btransformation%5D%5Bstart_offset%5D=2&autoplay=true&loop=true&source_types%5B0%5D=mp4

  Otherwise, you can use our video player and add transformation :

  var cld = cloudinary.Cloudinary.new({ cloud_name: 'cloud' })
  
  // Initialize player
  var player = cld.videoPlayer('example-player')
  
  // Modify player source and play hls adaptive streaming
  player.source('rafting', { sourceTypes: ['hls'], 
  transformation: { start_offset: 3 } }).play();

  You can read about it here:

  https://demo.cloudinary.com/video-player/

  Hope that helps,

   

  0

Post is closed for comments.