Jump to content

How to close video player in HTML

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 post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...