Question

61

How to pause video on video.js without controls

rated 0 times [ 65] [ 4] / answers: 1 / hits: 38965 / 11 Years ago, tue, september 10, 2013, 12:00:00

I'm using video.js. Here's how I have implemented it.

<video id=example_video_1 class=video-js vjs-default-skin loop preload=auto width=530 height=530 poster=<?php echo $iurl; ?> autoplay>

<source src=<?php echo $vurl; ?> type='video/mp4' />

</video>

As you have noticed, the controls are disabled. But I would like to pause this video when it's clicked. Can someone tell me how I can do that.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tatyanna

Add To Favorites

Follow

Total Points: 552

Total Questions: 96

Total Answers: 96

Location: Cook Islands

Member since Thu, May 21, 2020

4 Years ago

answered 11 Years ago mckenna · Accepted Answer

According to the documentation here (https://github.com/videojs/video.js/blob/master/docs/api.md), the following javascript should work:

HTML

<video id=example_video_1 onclick=togglePause() class=video-js vjs-default-skin loop preload=auto width=530 height=530 poster=<?php echo $iurl; ?> autoplay>

<source src=<?php echo $vurl; ?> type='video/mp4' />

</video>

Javascript

var myPlayer = videojs(example_video_1);

togglePause = function(){

  if (myPlayer.paused()) {

    myPlayer.play();

  }

  else {

    myPlayer.pause();

  }

}

After being paused, I assumed the video should resume playing? jsFiddle working example: http://jsfiddle.net/fR2Xs/