Click here to Skip to main content
12,956,606 members (71,065 online)
Rate this:
 
Please Sign up or sign in to vote.
See more:
I have been tasked with creating a small web form to display some company content.
Web developement is an area I am just beggining to learn and am struggling with.

All the form needs to contain is 6 images and 1 mp4.

x = image

T = Movie/mp4

It needs to be displayed as such.

x X

x T X

x X

I was able to do create a form like this in html. However, I was then told that images should be dropped in folders as such %directory%/TopLeft %directory%MiddleLeft. This creates a problem for me as you can see I have the values hardcoded. Is there a better technology than HTML to display my video where I can do a Directory.Getfiles type command like I would in c#?

Thank you in advance,

<!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>Untitled Document</title>
</head>
 
<body>
 
<table width="100%" height="100%" border="0">
  <tr>
    <th scope="col"><img align="right" name="topLeft" src="C:\Users\Public\Pictures\Sample Pictures\Chrysanthemum.jpg" width="100" height="100" alt="" /></th>
    <th scope="col"><h1></h1></th>
    <th scope="col"><img align="left" name="topRight" src="C:\Users\Public\Pictures\Sample Pictures\Hydrangeas.jpg" width="100" height="100" alt="" /></th>
  </tr>
  <tr>
    <th scope="row"><img align="right" name="middleLeft" src="C:\Users\Public\Pictures\Sample Pictures\Jellyfish.jpg" width="100" height="100" alt="" /></th>
        <th width="500" scope="col"><video width="500" height="500" controls autoplay>
            <source src="C:\Temp\ShopFloor Training.mp4" type="video/mp4">
            <object  align="middle" data="movie.mp4" width="700" height="400">
                <embed width="500" height="500" src="movie.mp4">
            </object>
        </video>
    <th scope="col"><img align="left" name="middleRight" src="C:\Users\Public\Pictures\Sample Pictures\Koala.jpg" width="100" height="100" alt="" /></td>
  </tr>
  <tr>
    <th scope="col"><img align="right" name="bottomLeft" src="C:\Users\Public\Pictures\Sample Pictures\Chrysanthemum.jpg" width="100" height="100" alt="" /></th>
    <th scope="col"><a href="http://www.findlocalweather.com/forecast/IN/Anderson.html" target="_blank"><img src="http://www.findlocalweather.net/forecast.php?forecast=hourly&pands=Anderson+IN&config=png&alt=hwicbb" border="0"  alt=""></a></th>
    <th scope="col"><img align="left" name="bottomRight" src="C:\Users\Public\Pictures\Sample Pictures\Hydrangeas.jpg" width="100" height="100" alt="" /></th>
  </tr>
</table>
 
</body>
</html>
Posted 30-Jan-13 2:36am

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

    Print Answers RSS
Top Experts
Last 24hrsThis month
OriginalGriff 6,869
CHill60 3,550
Maciej Los 3,302
ppolymorphe 2,080
Jochen Arndt 1,973


Advertise | Privacy | Mobile
Web02 | 2.8.170525.1 | Last Updated 30 Jan 2013
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100