Jump to content

How to close video player in HTML


BishopWeb
 Share

Recommended Posts

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...