Link to home
Create AccountLog in
Avatar of onyourmark
onyourmark

asked on

diplay length (time length) of mp4 files on webpage

I am using flowplayer and have videos on my site. Does anyone know how I can display the length of the video next to its name?

Thank you.
Avatar of Merete
Merete
Flag of Australia image

Does this assist you, when I use the seek bar to any position it shows the length
Streaming plugin: pseudostreaming
The player sends a HTTP request to the server with a start time parameter in the request URL's query string and the server script responds with the video stream so that its start position corresponds to the requested parameter.
http://flowplayer.org/plugins/streaming/pseudostreaming.html
Avatar of onyourmark
onyourmark

ASKER

Hi Thank you. I don't think that is what I mean. I think I wanted something simpler than that. I just want to have something under the name of the video that tells how long it is. I posted my code below. So for example, next to the phrase "HOW TO Register at the WileyPlus website" I would like it to say 05:24 or something like that

HOW TO Register at the WileyPlus website. 05:24 mins.

I think that the length of the video is available but I don't know how to access it and display it on the webpage.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Statistics 2011</title>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<meta name="keywords" content="data mining, text mining, weka, neural network, classification, clustering, weka tutorial, weka video, knowledge explorer, sentiment mining">
	<meta name="description" content="A series of Weka screencasts that show you how to use Weka for text mining.">
	<link rel="stylesheet" type="text/css" href="css/reset-min.css" media="all">
	<link rel="stylesheet" type="text/css" href="css/style.css" media="all">
	<link rel="stylesheet" type="text/css" href="css/fancybox/jquery.fancybox-1.2.6.css" media="all">
	<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="css/ie.css" media="all">
	<![endif]-->
	
	<script type="text/javascript" src="js/swfobject.js"></script>
	<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
	<script type="text/javascript" src="js/jquery.fancybox-1.2.6.pack.js"></script>
	<script type="text/javascript" src="js/flowplayer-3.1.4.min.js"></script>
	<script type="text/javascript" src="js/weka.js"></script>
</head>
<body><div class="sentimentcss">
A series of  screencasts .</div>
<div style="float:right;">
  <script type="text/javascript"><!--
google_ad_client = "pub-8152624590362711";
/* 300x250, created 2/12/10 */
google_ad_slot = "9660156087";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>

<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<div class="wrapper">
  <h1><a href="index.php">Statistics for Fall 2011</a></h1>
		 Some basic Statistics videos are at <a href="http://www.sentimentmining.net/StatisticsVideos"> www.sentimentmining.net/StatisticsVideos</a>
	<br>
Some videos on the R programming language for Statistical Computing are at <a href="http://sentimentmining.net/StatisticsWithR/"> http://sentimentmining.net/StatisticsWithR/</a>	
		
  <ul id="videos">
			<li id="video-1">
				<font face="Verdana, Geneva, sans-serif" color="#6d6d6d" size="8"></font>
				<div class="details">
					<h2>HOW TO Register at the WileyPlus website</h2>
					<a href="#" class="watch">Watch</a>
					<a href="mp4/RegisterForWileyPlus.mp4" class="download">Download</a>
				</div>
			</li>
			
	<li id="video-2">
				<font face="Verdana, Geneva, sans-serif" color="#6d6d6d" size="8"></font>
				<div class="details">
					<h2>Chapter 2 Statistics Qualitative Frequency Distributions</h2>
					<a href="#" class="watch">Watch</a>
					<a href="mp4/Chapter 2 Statistics Qualitative Frequency Distributions.mp4" class="download">Download</a>
				</div>
			</li>
			<li id="video-3">
				<font face="Verdana, Geneva, sans-serif" color="#6d6d6d" size="8"></font>
				<div class="details">
					<h2>Chapter 2 Stem-and-Leaf  Dotplots Outliers</h2>
					<a href="#" class="watch">Watch</a>
					<a href="mp4/Chapter 2 Stem-and-Leaf  Dotplots Outliers.mp4" class="download">Download</a>
				</div>
			</li>
						<li id="video-3">
				<font face="Verdana, Geneva, sans-serif" color="#6d6d6d" size="8"></font>
				<div class="details">
					<h2>Chapter 2 Uses and Misuses of Graphs</h2>
					<a href="#" class="watch">Watch</a>
					<a href="mp4/Chapter 2 Uses and Misuses of Graphs.mp4" class="download">Download</a>
				</div>
			</li>
						</li>
						<li id="video-3">
				<font face="Verdana, Geneva, sans-serif" color="#6d6d6d" size="8"></font>
				<div class="details">
					<h2>Chapter 3 Box-and-Whisker Plot</h2>
					<a href="#" class="watch">Watch</a>
					<a href="mp4/Chapter 3 Box-and-Whisker Plot.mp4" class="download">Download</a>
				</div>
			</li>
  </ul>
		
</div>			
		
	
</body>
</html>

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of Michael Fowler
Michael Fowler
Flag of Australia image

Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account