Could you assist with a responsive code please.

[theremotedr]

Hi,
Not only struggling trying to get the code onto my buttons but interent gone down last 24 hours and now dead slow.
Ive updated this page with the code http://www.theremotedoctor.co.uk/fli...ary-navigation

[coothead]

Hi there theremotedr,

check out the attachment to see the " buttonised" version.

cooothead

[theremotedr]

Hi,
Thanks very much.

Ive got a couple of questions if i could ask you please.
When you first arrive at this page http://www.theremotedoctor.co.uk/fli...ary-navigation can we just have the splash screen withoutout the video.
Currently there is an indian chap when you click on play,dont even see where his code but but would just require the splash screen until a selection is made from the list on the right,then be able to play that assigned clip.

In a previous file we used the below code to keep the splash screen / clip at the correct size,now need to somehow incorporate this into this new code as currently both are huge.
Would we need to add to the css but to re-word etc ?

#flipupgradevideo {
    display:block;
    width:100%;/* adjust this value to suit */

Thanks again for the advice.

[coothead]

Hi there theremotedr,

check out version 3.

coothead

[theremotedr]

Morning,
Ive added the 2 new files but dont seem to have any clip played once you select from the list on the right.
Here is the latest page http://www.theremotedoctor.co.uk/flip_upgrade_copy.html

[coothead]

Hi there theremotedr,

the link that you provided is working OK in my test browsers.
Perhaps you have a cache issue.
Use the F5 key to clear it.

coothead

[theremotedr]

Tempery glitch,now working.
I understand you dont have an iphone.
With the code in use the other day "shown below" i was able to size the splash screen/video etc to how i required it to be shown on the pc.
This had no affect on the iphone & was the perfect size / position.

#flipupgradevideo {
    display:block;
    width:100%;/* adjust this value to suit */

With the latest downloaded file this morning the size/position is now incorrect on the iphone.
How/where can i have control over the size so i can play with it myself and see changes ?
If this is not possible can we somehow use the code where it worked fine & i can control size etc.

Thanks again for the inout.

[coothead]

Hi there theremotedr,

you will find the amended code here...

<style>
.img-border {
    border:2px solid #000;
 }
#splash {
    display:block;
 }
#player {
    display:block;display:none;
    width:75%;/* adjust this value to suit */
 }

coothead

[theremotedr]

Hi,
Ive found it and changed it to 100% which was what i had done before to achieve the size / position for the pc.
Remember this had no affect on the iphone which was good as it was just perfect.
Now i have noticed that by changing the % value the size now alters on the iphone.
Having it at 100% is perfect on the iphone but to big for the pc.
Change the value to just say 80% so the pc is correct the iphone is now to small ?

Also before we mentioned about after the video had ended it would stay on the last frame of the clip.
You advised a code shown below so it would return to the splash screen once the clip had ended as if we had just came to this page.
Now with the code added before the closing boday tag the clip stays on the last frame again and not returning to the splash screen Dr image.

   'use strict';
(function() {
   document.getElementById('myvideo3').onended=function() {
   this.load();
 };
})();

[coothead]

Hi there theremotedr,

sorry about that I misread your requirement.

replace your existing "player.js" file with the amended attachment.

coothead