www.webdeveloper.com
Results 1 to 4 of 4

Thread: Video is downloading instead of playing

  1. #1
    Join Date
    Mar 2014
    Posts
    1

    Exclamation Video is downloading instead of playing

    Hello,

    I am an IT student interning and one of my tasks is to convert a DVD and put it up on a website.
    I converted a chapter off the dvd into mp4 format and I tried to put it on the website using this code:

    <iframe title="YouTube video player"
    class="youtube-player" type="mp4"
    width="640" height="390"
    src="fileadmin/MULTIMEDIA/FIELD/Doha/video/VTS_01_0.m4v"
    frameborder="0" allowFullScreen></iframe>

    But instead of playing it downloads the video onto the computer. Can you please help me?

  2. #2
    Join Date
    Mar 2014
    Posts
    40
    2 solutions :
    - use the html5 <video> tag (http://www.w3schools.com/html/html_videos.asp)
    - use the object tag

  3. #3
    Join Date
    Oct 2013
    Location
    3rd planet from the sun
    Posts
    165
    I agree with samphywii, use html5. Here's another resource for you to look at.

  4. #4
    Join Date
    Mar 2014
    Posts
    19
    you are linking straight to the video file - that means the video will only play in browsers that recognise the video filetype natively, those that dont will simply download the file.

    as said, use html5 video tag or swf object (i.e. a flash player).

    Code:
    html5 video 
    
    2 video filetypes here 
    
    <video width="320" height="240" controls>
      <source src="movie.mp4" type="video/mp4">
      <source src="movie.ogg" type="video/ogg">
    Your browser does not support the video tag.
    </video>
    Code:
    flash video
    
    	<h1>Flash Video Example</h1>
    	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="320" height="280">
    		<param name="movie" value="video.swf" />
    		<!--[if !IE]>-->
    		<object type="application/x-shockwave-flash" data="video.swf" width="320" height="280">
    		<!--<![endif]-->
    			<param name="quality" value="high" />
    			<param name="wmode" value="window" />
    			<!-- important: wmode must be set to window for screen readers to see the object
    				 and for keyboard navigation to work correctly -->
    			<div class="object-content">
    				<p>Please install or enable <a href="http://get.adobe.com/flashplayer/">Adobe Flash Player</a> to view this content.</p>
    			</div>
    		<!--[if !IE]>-->
    		</object>
    		<!--<![endif]-->
    	</object>
    i conveniently ripped these off places on tweb.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles