Printable View
Evening all,
Here is the page in question http://www.theremotedoctor.co.uk/hon...rollto=content
I have just noticed that the video mp4 does not play.
Clicking on the label HONDA JAZZ EXAMPLE has no affect.
Ive taken a look at it but cant put my finger on the problem.
The video works fine but not when this label is pressed.
The first thing I notice is that the <img ...> tag on preceding line (239) isn't terminated. You should also address some of the errors shown on the validator. Particularly numbers 4 & 5 in that list.
I dont see what is wrong with this,
Code:<section id="content">
<h1>
<img id="splash" src="videoimages/flip-splash-screen.png" alt="splash">
<video id="player" controls poster="videoimages/jazz.png" class="shadow">
<source id="mp4" src="videomp4/jazz.mp4" type="video/mp4">
</video>
</h1>
</section>
Is there any particular reason why you are not using your usual account http://www.dynamicdrive.com/forums/m...5-theremotedr? If you are having problems logging in, let us know and we can try to assist.
As for the problems you are experiencing on your page, please follow the previous advice and clean up the errors using the validator. With a cleaner page, it will be easier for you to assess where your problems are originating - the problem may even be resolved through exercising the code validation task (you receive this advice regularly so it's surprising that, as a senior coder, you don't reach for this as the first string in your troubleshooting bow, and rule validation errors out as the root of your problems, before posting).
You could also consider making a reduced test case in something like JSBin, JSFiddle or CodePen, using just enough code to demonstrate or isolate the problem. The page you have linked to contains *a lot* of code which will put many folks off troubleshooting for you. Make a reduced demo to help us to help you.
You might also need to review the syntax/elements, or any JavaScript you are using to make sure they are being implemented correctly, and build up your code again from a very basic example. For help with correct video element usage, you can refer to developer guides online (a quick Google for "HTML5 video tag" with bring up many examples). If you are using JavaScript to open the video, show it to us - the easiest way will be in a reduced test case so that we need only concentrate on the video, label and any JavaScript that relates to just this aspect of the page.
To summarise;
- clean up your code using the validator to see if that fixes the issue
- check your usage/syntax of the video element and JavaScript (and possibly try another video in case the MP4 encoding is causing the problem)
- create a reduced test case to demonstrate and isolate the problem if it still persists
- recreate the page bit by bit until you identify any influencing factors
Hi there ipbr21054,
Well, it certainly couldn't have happened by itself. :rolleyes:Quote:
I have just noticed that the video mp4 does not play.
The video was originally activated by "JavaScript" and the
script in question has been removed from the document. :eek:
Well, that certainly didn't happen by itself. :rolleyes:
I have corrected and validated your coding errors
but not tidied up the general mess.
The missing script has been reinstated and tested.
Check out the attachment to find your amended file. ;)
coothead
Well what can i say ????Quote:
Originally Posted by coothead
I watched the video and now it works,thanks very much.
At the end of the video once finished it stayed on the last frame,i would like it to the return to the start again should the user wish to push the play button again.
I added the following,taken from my notes, to hopefully return to start but not quite as it returns to my splash screen image.
This is what should happen.Code:<script>
'use strict';
(function() {
document.getElementById('myvideo3').onended=function() {
this.load();
};
})();
</script>
User arrives on the page.
My splash screen image is shown.
User clicks Honda Jazz example.
My splash screen image is now replaced with the video player.
Video plays & once finished returns to my splash screen image BUT should return to video player.
No problem other than pc would not let me log in with normal details.Quote:
Originally Posted by Beverleyh
Today its all ok & now logged in with usual details.
I understand what you are saying with regards the mess.My site to me looks & works like i require it to but when i try & start to clean up the errors i make more.As you can tell im not wizard at this so i need to run with what works for me but in the hidden background is this mess.
Its not the correct way to move forward but im happy with what ive done so far in respect of my site but will try & clean it up.
Hi there theremotedr/ipbr21054,
Open the "player.js" file with your text editor, find this...Quote:
At the end of the video once finished it stayed on the last frame, I would like it
to return to the start again should the user wish to push the play button again.
...and change it to this...Code:
pyr.onended=function() {
sph.style.display='block';
pyr.style.display='none';
};
Code:
pyr.onended=function() {
pyr.load();
};
coothead
Morning,
I have removed the code that i added yesterday,
Then made the edit as advised above.Code:<script>
'use strict';
(function() {
document.getElementById('myvideo3').onended=function() {
this.load();
};
})();
</script>
I am still seeing the splash screen image once video has ended as opposed to the start of the video again.Code:pyr.onended=function() {
pyr.load();
};
})()
Please take a look,
http://theremotedoctor.co.uk/honda_f...rollto=content
Hi there theremotedr/ipbr21054,
You need to clear cache with the F5 function key. ;)
coothead