Hi people,
On a website I am using this script from apple to start diversen Quicktime videos:
<script src="http://www.apple.com/library/quicktime/scripts/ac_quicktime.js" language="JavaScript" type="text/javascript"></script>
<script src="http://www.apple.com/library/quicktime/scripts/qtp_library.js" language="JavaScript" type="text/javascript"></script>
<link href="http://www.apple.com/library/quicktime/stylesheets/qtp_library.css" rel="StyleSheet" type="text/css" />
The videos are shown in a div with hidden float (you cannot scroll through all the videos), so that you can see at the same place in the lay-out only the video you are clicking from the list, which is situated in another div in the same page. It works fine. BUT: under the div with the videos inside- so actually under the web page, you can see the videos that have been previously seen by the user, so these videos are actually outside the lay out and that looks of course very bad. This concern only the videos, not the information texts nor the poster frames of the unplayed videos which disappear nicely as the user click from one point of the list to the next.
Now, I found the tutorial from Patrick Hunlock: Everything You Ever Needed To Know About Video Embedding and tried it.
The idea of this script is to put the videos all in different divs and all invisible and to make a video visible in a main div only when a user click on the list to see it. Sounds great!
The jumping from video to video and the visibility works fine BUT the selected video will not play anymore if the user click on it.
Is there a conflict between the script from apple and the one from Patrick?
Is there another way to handle this problem? Is it by example possible that if the user click on any video link in the list, ALL the other videos will be reseted to their poster frames? That would be actualy the easiest for me.
Please, note that I am a complete try and error user and take this in consideration in your answers. Thank you very much!
Bilbo