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.
Microsoft ExcelMultiMedia Applications

Avatar of undefined
Last Comment
Michael Fowler

8/22/2022 - Mon
Merete

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
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
Michael Fowler

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
This is the best money I have ever spent. I cannot not tell you how many times these folks have saved my bacon. I learn so much from the contributors.
rwheeler23