Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Template website for playing video files (Avi or Flv)

Posted on 2011-03-20
8
457 Views
Last Modified: 2012-05-11
Hello, I am hoping somebody can provide me with a template that can be used to play video files on a web page.  I have little experience with creating websites, but I want to put some video files on a local network with an HTML index offering a brief description of the selected video file.

Can anyone help?

Bevo S.
0
Comment
Question by:Bevos
  • 4
  • 4
8 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 35177231
Hi Bevos,

You don't need a template so much as a web-based video player that you can then embed in a web page and use it to playback video.

I strongly recommend the JW Media Player:  http://www.longtailvideo.com/
0
 

Author Comment

by:Bevos
ID: 35177409
Thank you for the suggestion Jason.  I'll see if I can get this to work.
0
 
LVL 70

Assisted Solution

by:Jason C. Levine
Jason C. Levine earned 500 total points
ID: 35177429
Let me know if you have any issues with it and also be sure to check out their config wizard:

http://www.longtailvideo.com/support/jw-player-setup-wizard
0
Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

 

Author Comment

by:Bevos
ID: 35225603
Hi Jason, I am getting a few problems.  I get some error when I try to preview my site "Video not found or Access Denied" but before this it was giving me many security prompts for Adobe Flash player.  Another issue I'm having is embedding this is a CSS accordian panel.  It will work in the first panel but the player doesn't even show up in other panels.  Here is an example of the code I'm using.

Any help would be very appreciated!

Bevo S.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TV - Abstract </title>
<link href="css/Ryan.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
	background-color: #000;
	background-image: url(images/bkgdHome.jpg);
}
</style>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"
src="jwplayer/jwplayer.js"">
</script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>

<body>

<div class="container">
  <div class="header"><!-- end .header --><img src="images/TVTitle.jpg" width="800" height="100" /></div>
  <div class="sidebar1">
    <ul class="nav">
      <li><a href="index.html">Home</a></li>
      <li><a href="Abstract.html">Abstract</a></li>
      <li><a href="DataAbstraction.html">Abstraction</a></li>
      <li><a href="mailto:">Contact</a></li>
      <li></li>
    </ul>
    <p>&nbsp;</p>
    <!-- end .sidebar1 --></div>
  <div class="content">
    <h1>Lessons: Abstract Screening</h1>
    <p>These lessons  </p>
    <p>&nbsp;</p>
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Lesson 1: Introduction</div>
        <div class="AccordionPanelContent">
          <p>words.</p>
          <p>&nbsp;</p>
		  <script type='text/javascript' src='jwplayer/swfobject.js'></script>
<strong><div id="mediaspace"style="text-align:center"> </div></strong>
 
<script type='text/javascript'>
  var so = new SWFObject('jwplayer/player.swf','mpl','470','320','9');
  so.addParam('allowfullscreen','true');
  so.addParam('allowscriptaccess','always');
  so.addParam('wmode','opaque');
  so.addVariable('file','video/AbstractScreening/Lesson1.flv');
  so.write('mediaspace');
</script>
          <p>&nbsp;</p>
        </div>
</div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Lesson 2: Importingss</div>
        <div class="AccordionPanelContent">
		   <p>In  words words words</p>
		  <script type='text/javascript' src='jwplayer/swfobject.js'></script>
<strong><div id="mediaspace"style="text-align:center"> </div></strong>
 
<script type='text/javascript'>
  var so = new SWFObject('jwplayer/player.swf','mpl','470','320','9');
  so.addParam('allowfullscreen','true');
  so.addParam('allowscriptaccess','always');
  so.addParam('wmode','opaque');
  so.addVariable('file','video/AbstractScreening/Lesson2.flv');
  so.write('mediaspace');
</script>
          <p>&nbsp;</p>
        </div>
</div>
<div class="AccordionPanel">
        <div class="AccordionPanelTab">Lesson 3: Features</div>
        <div class="AccordionPanelContent">
          <p>Words words words</p>
          <p>
           		  <script type='text/javascript' src='jwplayer/swfobject.js'></script>
<strong><div id="mediaspace"style="text-align:center"> </div></strong>
 
<script type='text/javascript'>
  var so = new SWFObject('jwplayer/player.swf','mpl','470','320','9');
  so.addParam('allowfullscreen','true');
  so.addParam('allowscriptaccess','always');
  so.addParam('wmode','opaque');
  so.addVariable('file','video/AbstractScreening/Lesson3.flv');
  so.write('mediaspace');
</script>
          </p>
          <p>&nbsp; </p>
        </div>
      </div>
<div class="AccordionPanel">
        <div class="AccordionPanelTab">Lesson 4: Differences</div>
        <div class="AccordionPanelContent">
          <p>Words Words Words</p>
          <p>
            		  <script type='text/javascript' src='jwplayer/swfobject.js'></script>
<strong><div id="mediaspace"style="text-align:center"> </div></strong>
 
<script type='text/javascript'>
  var so = new SWFObject('jwplayer/player.swf','mpl','470','320','9');
  so.addParam('allowfullscreen','true');
  so.addParam('allowscriptaccess','always');
  so.addParam('wmode','opaque');
  so.addVariable('file','video/AbstractScreening/Lesson4.flv');
  so.write('mediaspace');
</script>
          </p>
        </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Lesson 5: Editing </div>
        <div class="AccordionPanelContent">
          <p>Words words words</p>
          <p>
                      		  <script type='text/javascript' src='jwplayer/swfobject.js'></script>
<strong><div id="mediaspace"style="text-align:center"> </div></strong>
 
<script type='text/javascript'>
  var so = new SWFObject('jwplayer/player.swf','mpl','470','320','9');
  so.addParam('allowfullscreen','true');
  so.addParam('allowscriptaccess','always');
  so.addParam('wmode','opaque');
  so.addVariable('file','video/AbstractScreening/Lesson5.flv');
  so.write('mediaspace');
</script>
          </p>
          <p>&nbsp; </p>
        </div>
      </div>
    </div>
    <p>&nbsp;</p>
    <p><br />
      <br />
    </p>
<h1>&nbsp;</h1>
    <!-- end .content --></div>
  <!-- end .container --></div>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>

Open in new window

0
 
LVL 70

Assisted Solution

by:Jason C. Levine
Jason C. Levine earned 500 total points
ID: 35228365
>> I get some error when I try to preview my site "Video not found or Access Denied"

1. Make sure all of the videos are located in this path relative to the initial file:

video/AbstractScreening/

2. If this is a Windows web server, make sure .flv has a MIME type defined.

>> Another issue I'm having

Open a new question for any other issues.
0
 

Author Comment

by:Bevos
ID: 35229161
Hi Jason, the files are all located there.  I have not uploaded this to a web server yet and am trying to run these as a preview from my local machine.  Strangely it will work in dreamweaver when I do the preview as a 'device' but when I try in a browser (chrome or IE) it will not work.  Any thoughts?

Thanks so much,
Bevo S.
0
 
LVL 70

Assisted Solution

by:Jason C. Levine
Jason C. Levine earned 500 total points
ID: 35229220
Previewing from local will cause all kinds of weirdness to happen due to the paths, javascript and flash calls.  I would test from a real web server.
0
 

Author Comment

by:Bevos
ID: 35229334
Well, that is a problem for me because I'm just going to host this on a local network for some of my co-workers to see how to use a software. Any suggestions on how to make this work?
0

Featured Post

Webinar: Aligning, Automating, Winning

Join Dan Russo, Senior Manager of Operations Intelligence, for an in-depth discussion on how Dealertrack, leading provider of integrated digital solutions for the automotive industry, transformed their DevOps processes to increase collaboration and move with greater velocity.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Obtaining data on ASP 8 29
Alert after MVC form submitted 1 22
Angular won't showing my array result in HTML 3 26
Button on Table, name table1 not working 4 22
Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

860 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question