How should we make the video running?

pavit

Could you please edit your first post and add to it a link to your back end page and a temp super user account to it ?

We will have a look at your settings and answer with the correct solution.

palosutca

pavit Hi Pavit, It is done (also given in a premium ticket yesterday). I cannot determine that these sensitive datas are visible for everyone or just for the admins and me. :/

saguaros

palosutca
It due to the new policy of browser which prevents autoplay feature, but muted autoplay is allowed so I edited this file on your site: /tpls/blocks/header-4.php

Updated this code:

case 'vimeo':
        $video_src = '//player.vimeo.com/video/' . trim($arr[1]) . '?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1&amp;mute=1&amp;loop=1';
        break;
      case 'youtube':
        $video_src = '//www.youtube.com/embed/' . trim($arr[1]). '?playlist='  . trim($arr[1]) . '&amp;loop=1&amp;mute=1&amp;autoplay=1&amp;html5=1&amp;rel=0';

and the video is running now.

palosutca

saguaros Hi saguaros! It is fine, thank you! How should I get back the "My info" module? 🙂
It is still assigned and published but disappeared. It would be nice to get the two button also back what is on the DEMO. (Browse my work, Get in touch)

pavit

palosutca How should I get back the "My info" module?

Please check now , it is back again.

Regards

palosutca

pavit Thank you pavit! Please do not think I make you fool but how can we stop the video now? 🙂
The Demo made me believe that the video may be played in the background and can be stopped either... not just a still image what grabbed from a (usually bad quality) youtube thumbnail.

pavit

Hi palosutca

Removing &mute=1 from the code in this file /tpls/blocks/header-4.php

case 'youtube':
        $video_src = '//www.youtube.com/embed/' . trim($arr[1]). '?playlist='  . trim($arr[1]) . '&amp;loop=1&amp;autoplay=1&amp;html5=1&amp;rel=0';

stopped again autoplay of your video

I noted your problem and you can try adding this code:

.t3-header.t3-header-mask:before {
content:none!important;
}

To your /templates/ja_jason/css/custom.css file will enable the youtube controls at the bottom left

Hope this helps.

Regards

palosutca

pavit Fine, thank you! I just have made a hybrid solution.
What about the missing buttons now 😉 ?

pavit

palosutca What about the missing buttons now 😉 ?

I added the 2 buttons in your module

<div class="intro-btns">
           <a class="btn btn-border" href="#">Browse my Work</a>
           <a class="btn btn-transparent" href="index.php?option=com_contact&view=contact&id=9&Itemid=481">Get in touch</a>
        </div>

First to edit module you should disable default editor from global configuration setting it to none then add your html code and save it

Regards

palosutca

Thanky ou pavit, now we got back the buttons. 🙂
How should we make the video control bar usable?
The active area is about 20 pixels at the left bottom corner of the video. This is absolutely useless on youtube but on vimeo we can start the play (at least :p) thank for the larger blue play button. The autoplay on mobile devices is turned off (perhaps by the browser policy?) so we must start it manually what is almost impossible... just like reaching all the other video controls.

pavit

Hi palosutca

Regarding your video bottom controls buttons as you can see from my video below they works fine at my end

https://cl.ly/1K0P2D241w3D

Regarding mobile devices you can hide the intro on it for such devices if you want to hide them then add to your custom.css this code

@media (max-width: 991px) {
	.t3-header.t3-header-mask:before {
	top:-200px!important;
	}
	.t3-header.t3-header-4 .ja-intro-1 {
	display:none;
	}
}

Just give it a try

Hope it helps

Regards

palosutca

pavit Ohh, I forgot to write that the issue is on smaller screen (under 1366x768) such as mobile devices where I need start/stop the video background or even jump to youtube too.