Video player set up

[coothead]

Hi there theremotedr,

it took me quite a while to track this problem down.

There was a strange reoccurring symbol - ( ​ ) - in your normalize.css file!!!!

There was one just before the code that you inserted and it presumably stopped it from being parsed.

The attached replacement has been cleansed of all the little buggers.

Don't forget the cache clearing procedure.

coothead

[theremotedr]

Where did that come from ?
New file now installed & all good,thanks.

One last thing that i did notice was on the phone.

Ive looked at some of the files but yet again did not see anything.
Any pages from the header "Keys And Remotes" HONDA

http://www.theremotedoctor.co.uk/kar...llto=selection
http://www.theremotedoctor.co.uk/kar...llto=selection
http://www.theremotedoctor.co.uk/kar...llto=selection

Pc fine but Phone is out of line to the right.
I was wondering did you have the old css file on your pc before it was cleaned just in case its css related ?

[coothead]

Hi there theremotedr,

the only problem that I can see, and this is on all the pages, is a
horizontal scrollbar appears at about 360px width.

I am responsible for this error.

When validating your pages I found deprecated "hspace attributes"
on images in the footer section.

These were removed and replaced with CSS but the value that I
gave was rather too large hence the scrollbar.

In the "latestChanges.css" file change this....

footer img {
    margin: 0 0.25em;
 }

...to this...

footer img {
    margin: 0 0.1em;
 }

coothead

[theremotedr]

made no difference on the phone.
I will leave it as is whilst i pop out for an hour,then check when back.

Do you still have the old css file,i could just swap it over and see ?
Otherwise im stumped again.

[theremotedr]

I found an old css file.
Installed it and now alignment and also colour is as it should be BUT ive attached it if you could check it out please.
Basic css
Probably pick it up from the Lime colour 00FF00


Ive put the current css file back into my site so i know where i am until its fixed.

Thanks

[coothead]

no I don't have it.

Do make the change that I gave you, it will remove the horizontal scrollbar.

You need a mobile user member to look at any perceived mobile problems.

[theremotedr]

Hi,
I have gone through the Basic css file which is currently installed & also i found an old back up Basic css file.
The only difference that i can see in the 2 files is this code shown below which was right at the bottom of my Basic css file.
With the code shown below removed the phone now shows the text inline no problem.
If i put the code below back into the Basic css file the text then goes off to the right.

Please take a look and see what it might be for,if you can.

0
@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Opera and prob css3 final iteration */
 
.blinking {
border:1px solid #000;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
/* order: name, direction, duration, iteration-count, timing-function */ 
-moz-animation:blink normal 2s infinite ease-in-out; /* Firefox */
-webkit-animation:blink normal 2s infinite ease-in-out; /* Webkit */
-ms-animation:blink normal 2s infinite ease-in-out; /* IE */
animation:blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}​

I have tried with part of it but no joy so i then removed that section of text & tried the other half but no joy.
With both of it removed the phone is fine.

[theremotedr]

Ive found the same code on a usb stick.
Copied the same code and replaced it on my css file in place of the duff one.
Works fine.

Must of had a small issue that couldnt be seen,but all ok now.

Thanks for looking

[theremotedr]

Just checked these 2 videos on my iPad but both have the same issue.
When you come to the page in question it should auto play PC I assume.
Ipad & Iphone I believe that there is a play button in the way of a side on triangle in the center of the video then the user having to manually press it to watch the video.
iPad does not show this play button but just the very start of the video which looks like a image/splash screen.
There is no option for them to play.

I have downloaded the video on my iPad using some software,clicked on the play button and it plays fine.
http://www.theremotedoctor.co.uk/clo...rollto=content
http://www.theremotedoctor.co.uk/pro...rollto=content

[coothead]

Hi there theremotedr,

try adding muted and playsinline as attributes....

<video id="movavivideo" muted playsinline autoplay loop>

Further reading:-

New <video> Policies for iOS

coothead