Select video but bring player into view afterwards

[theremotedr]

Sorry if this isnt the correct place but im not sure which section to put it in.

Here is the page in question http://www.theremotedoctor.co.uk/fli...llto=selection
I have supplied 2 screen shots to assist.

When my page loads i see the video player selections list which is fine see photo called page load.
Currently what happens is once a customer on a mobile device has made there selection the video player has now replaced the main image "which is fine" BUT the video player is off the screen.

What i would like to happen is after the video selection has been made the video player will replace the main image as required BUT then bring the video player into view,see photo called video placement.

Thanks very much.

[mlegg]

FYI after

<!-- left sidebar -->   
<aside>
<h2 id="selection">ITEM SELECTION....</h2>
</h2>

that last </h2> is an extra, there is no open <h2> for it. I don't see the videos in Firefox 54.1.0 or Chrome Version 55.0.2883.87 m

[theremotedr]

Tomorrow I will take care of that extra h2
When you visit this page http://www.theremotedoctor.co.uk/fli...llto=selection
You will see the video selections.
Select 2004 G Vitara etc etc.
The main image will then be replaced with a splash screen and a play button.
On a mobile device this is currently out of sight hence looking for a code to bring it into view.

Happy new year
Now 01:30

[coothead]

Hi there theremotedr,

try the amended "player.js" file, which can be found in the attachment.

It starts to work, at present, when the video links drop below the video.

Of course, this option can be changed to suit.

coothead

[theremotedr]

That now brings the video down into view.
I need to fix the step before this.
When you first come to the page in question you are placed in the wrong part of the page.
Please see this short video example.
http://www.theremotedoctor.co.uk/vid...te-example.wmv
The Land Rover page is correct on its landing of the page "Item Selection".
However upon landing on the page Flip Remote Upgrade Videos you are just taken to the top of the page BUT needs to be "Item Selection" just like the Land Rover.

Land Rover code

<li><a href="acclandrover.html?scrollto=selection">LAND ROVER</a></li>

Flip Remote Upgrade Videos code

<li><a href="flip_remote_upgrade.html?scrollto=selection">FLIP REMOTE UPGRADE VIDEOS</a></li>

I dont see why its not taking you to where it should ?

By The Way,
Happy New Year All....

[coothead]

Hi there theremotedr,

the page does not scroll because the code is missing two images - ( see below ).

I have coded them into your page - ( see attachment below Thumbnails ).

coothead

[theremotedr]

You must of read my mind.
BUT these 2 images are not required on this page,thats why it will not scroll.
How do we apply the same scroll but without the images.

Also please if i may ask,the Player js file works great for when a button is pressed the video screen jumps into view,can we edit it so it glides into view ?

Many thanks for your time.

[coothead]

Hi there theremotedr,

I will see what I can do, if anything.

coothead

[theremotedr]

That would be great.
The player to glide would be Number 1 please.

I will look at the image situation.

Thanks for now.

[coothead]

Hi there theremotedr,

sorry, but that will have to be number 2.

The image problem is sorted.

On line #49 change this...

#clktoorder {
    padding:1em 0;
 }

...to this...

#clktoorder {
    height: 0;
    visibility: hidden;
 }

coothead