BishopWeb Posted February 28, 2013 Share Posted February 28, 2013 I am designing a website. The site uses Flowplayer to play the introduction video. You can view the page at http://www.chris-fence.com/video/home2.html. What I need to do is close the video player so the background is used for navigation. I would like it to automatically close after the video plays. Here is the code I currently have: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><!-- player skin --><link rel="stylesheet" type="text/css" href="http://releases.flowplayer.org/5.3.2/skin/minimalist.css" /><style>/* site specific styling */body {text-align: center;padding-top: 1%;color: #999;background-color: #fcfcfc;}/* custom player skin */.flowplayer { width: 1280px; height: 550px; background-color: #222; background-size: cover; max-width: 1280px; max-height: 550px; }.flowplayer .fp-controls { background-color: rgba(252, 252, 252, 0.4)}.flowplayer .fp-timeline { background-color: rgba(252, 252, 252, 0.5)}.flowplayer .fp-progress { background-color: rgba(252, 252, 252, 1)}.flowplayer .fp-buffer { background-color: rgba(252, 252, 252, 1)}.flowplayer { background-image: url(http://www.chris-fence.com/images/bavkground3.jpg)}</style><!-- flowplayer depends on jQuery 1.7.1+ --><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><!-- flowplayer javascript component --><script src="http://releases.flowplayer.org/5.3.2/flowplayer.min.js"></script></head><body><div style="width: 1280px; height: 533px" class="flowplayer no-toggle no-time no-volume no-mute no-volume" data-swf="http://releases.flowplayer.org/5.3.2/flowplayer.swf" data-ratio="0.5625" data-fullscreen="false" data-keyboard="false"><video><source type="video/webm" src="http://www.chris-fence.com/video/background.webm"><source type="video/mp4" src="http://www.chris-fence.com/video/background.mp4.mp4"><source type="video/ogv" src="http://www.chris-fence.com/video/background.ogv"></video></div></body>Please let me know of any suggestions. Jeffery Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now