Vimeo Video

paky50

Hi,
why if i insert in my home page a vimeo video i see the preview but if i click plat the video dont start?
Many thanks.

P.s.: a youtube video work right

saguaros

Hi paky50

It seems to be issue when using Vimeo video there, I've reported to team to update this. Kindly wait.

paky50

Please, help me.

paky50

Have you news?

saguaros

paky50 I reported to the team and will update you here when having news. Kindly wait.

paky50

Is not possible to wait so long time

saguaros

Hi paky50

We put it in priority and our developer is working on this issue. Appreciate your patience on this.

Regards

saguaros

Update:

We updated 2 files on your site:

/templates/ja_healthcare/acm/video/tmpl/style-1.php
/templates/ja_healthcare/acm/video/css/style.css

Kindly check.

baeprod

saguaros

Could you share specifically what was updated with these two files so perhaps I could make similar changes. I would like to possible make changes to ja_donate to work with Vimeo as well.

UPDATE
Never mind, I figured out a code that works with Vimeo and autoplays on both the desktop and mobile devices.

saguaros

Hi baeprod

Glad to hear that you sorted it out!

Here are the changes:

/templates/ja_healthcare/acm/video/tmpl/style-1.php

// Call the API when a button is pressed
$('.btn-play').on('click', function() {
	$('div.acm-video').addClass('playing');
	$('div.acm-video').find('.video-thumb').addClass('vimeo-playing');
	post($(this).attr('title').toLowerCase());
});

/templates/ja_healthcare/acm/video/css/style.css

.video-thumb.vimeo-playing{
  background: transparent;
  position: relative;
  .opacity(1);
}
&.playing {
  .video-thumb,
  .btn-border {
    display: none;
  }
  .video-thumb.vimeo-playing{
    display: block;
  }
}