SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Nov 2008
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to change the display of an embedded video in a HTML file

    I am creating a web page and want to put a video into the HTML page.

    i have created a DIV box in the body of my page, within i want to place a video that will play when displayed in the browser.

    this is the coding i have used

    <div id="video">
    <embed src="video/hocus.avi" border="1" width="985" height="159"></embed>
    </div>


    the video appears in the DIV box but i carnt get just the video image to be the same size as the div box, as the video plays in windows media player and has the outside media player box with play buttons etc.

    SO what i am looking to do is:
    - discard the outside media player around the video
    - display only the moving image in the DIV box

  2. #2
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi danielalan710, and welcome to SitePoint!

    Have you by any chance had the opportunity to read Bye Bye, Embed by Elizabeth Castro over at A List Apart?

  3. #3
    SitePoint Zealot
    Join Date
    Jul 2008
    Posts
    187
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by danielalan710 View Post

    SO what i am looking to do is:
    - discard the outside media player around the video
    - display only the moving image in the DIV box
    Wow, I'm having the opposite problem (at least in one browser). I need to make sure the controls appear and they do in IE but in Mozilla they appear until the page is done loading and then they disappear. The site in question is:

    http://www.golfteesgalore.com/index2.php

    Here is my relevant code:

    <object type="video/x-ms-wmv" data="DriveRepairPutt.wmv" width="425" height="349">
    <param name="src" value="DriveRepairPutt.wmv" />
    <param name="autostart" value="true" />
    <param name="controller" value="true" />
    <a href="DriveRepairPutt.wmv">Putt Movie</a>
    </object>
    Last edited by MauiMan2; Nov 19, 2008 at 23:56. Reason: added code in


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •