Results 1 to 8 of 8

Thread: [RESOLVED] <video> in html5

  1. Jul 17th, 2012, 12:58 AM #1
    Aash
    Aash is offline

    Thread Starter
    Hyperactive Member Aash's Avatar
    Join Date
    Dec 2009
    Location
    Earth
    Posts
    491

    Resolved [RESOLVED] <video> in html5

    hi all

    I've tried the following html tags and it's not working, can anyone help me out..
    i've downloaded a youtube video and i want to display it on page.

    Code:
    <!DOCTYPE html>
<html>
<body>


<video width="320" height="240" controls="controls">
    <source src="myvideo.flv" type="video/mp4" />
	
</video>
</body>
</html>
    on chrome the video don't run and on firefox it says 'no video with supported format and MIME type found'
    thanks in advance..
    Reply With Quote Reply With Quote
  2. Jul 17th, 2012, 04:34 AM #2
    Nightwalker83
    Nightwalker83 is offline
    PowerPoster Nightwalker83's Avatar
    Join Date
    Dec 2001
    Location
    Adelaide, Australia
    Posts
    13,344

    Re: <video> in html5

    Try replacing video with object and see if that makes a difference.
    when you quote a post could you please do it via the "Reply With Quote" button or if it multiple post click the "''+" button then "Reply With Quote" button.
    If this thread is finished with please mark it "Resolved" by selecting "Mark thread resolved" from the "Thread tools" drop-down menu.
    https://get.cryptobrowser.site/30/4111672
    Reply With Quote Reply With Quote
  3. Jul 17th, 2012, 05:35 AM #3
    akhileshbc
    akhileshbc is offline
    Freelancer akhileshbc's Avatar
    Join Date
    Jun 2008
    Location
    Trivandrum, Kerala, India
    Posts
    7,652

    Re: <video> in html5

    Only MP4, WebM and Ogg are supported formats! See this: http://www.w3schools.com/html5/html5_video.asp (scroll down to "Video Formats and Browser Support")

    But in your code, you are trying to play an FLV (flash movie), and you have specified the type as mp4. Insert the link to the mp4 movie there, instead of myvideo.flv.

    For example:
    HTML Code:
    <!DOCTYPE html>
<html>
<body>


	<video width="480" height="410" controls="controls">
	<source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4" />
	
</video>
</body>
</html>

    If my post was helpful to you, then express your gratitude using Rate this Post.
    And if your problem is SOLVED, then please Mark the Thread as RESOLVED (see it in action - video)
    My system: AMD FX 6100, Gigabyte Motherboard, 8 GB Crossair Vengance, Cooler Master 450W Thunder PSU, 1.4 TB HDD, 18.5" TFT(Wide), Antec V1 Cabinet
    Social Group: VBForums - Developers from India


    Skills: PHP, MySQL, jQuery, VB.Net, Photoshop, CodeIgniter, Bootstrap,...
    Reply With Quote Reply With Quote
  4. Jul 17th, 2012, 10:30 AM #4
    Aash
    Aash is offline

    Thread Starter
    Hyperactive Member Aash's Avatar
    Join Date
    Dec 2009
    Location
    Earth
    Posts
    491

    Re: <video> in html5

    thankyou both

    I tried this code but video isn't displaying using any browser.
    Quote Originally Posted by akhileshbc View Post
    For example:
    HTML Code:
    <!DOCTYPE html>
<html>
<body>


	<video width="480" height="410" controls="controls">
	<source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4" />
	
</video>
</body>
</html>
    Reply With Quote Reply With Quote
  6. Jul 17th, 2012, 10:48 AM #5
    akhileshbc
    akhileshbc is offline
    Freelancer akhileshbc's Avatar
    Join Date
    Jun 2008
    Location
    Trivandrum, Kerala, India
    Posts
    7,652

    Re: <video> in html5

    Quote Originally Posted by Aash View Post
    thankyou both

    I tried this code but video isn't displaying using any browser.
    Try it in Google Chrome. In my PC, I have the latest Chrome(20.0.1132.57 m).

    If you want to play the same video in Firefox(4+) or Opera(10.6+), you have to include the WebM or Ogg format video as separate <source>.

    You could see the browsers supporting the specific video format in the link that I have shown you(w3schools).

    So, it would be like this:
    Code:
    <!DOCTYPE html>
<html>
<body>

	<video width="480" height="410" controls="controls">
		<source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4" />
		<source src="http://video-js.zencoder.com/oceans-clip.ogg" type="video/ogg" />
	</video>
	
</body>
</html>

    If my post was helpful to you, then express your gratitude using Rate this Post.
    And if your problem is SOLVED, then please Mark the Thread as RESOLVED (see it in action - video)
    My system: AMD FX 6100, Gigabyte Motherboard, 8 GB Crossair Vengance, Cooler Master 450W Thunder PSU, 1.4 TB HDD, 18.5" TFT(Wide), Antec V1 Cabinet
    Social Group: VBForums - Developers from India


    Skills: PHP, MySQL, jQuery, VB.Net, Photoshop, CodeIgniter, Bootstrap,...
    Reply With Quote Reply With Quote
  7. Jul 18th, 2012, 09:45 AM #6
    Aash
    Aash is offline

    Thread Starter
    Hyperactive Member Aash's Avatar
    Join Date
    Dec 2009
    Location
    Earth
    Posts
    491

    Re: <video> in html5

    thanks
    Reply With Quote Reply With Quote
  8. Jul 26th, 2012, 07:27 PM #7
    tr333
    tr333 is offline
    Frenzied Member tr333's Avatar
    Join Date
    Nov 2004
    Location
    /dev/st0
    Posts
    1,605

    Re: [RESOLVED] <video> in html5

    There's a great tutorial on using the <video> tag in HTML5 over at HTML5 Rocks. It also has some info on using video+js, video+css, video+canvas, and video+svg.
    CSS layout comes in to the 21st century with flexbox!
    Just another Perl hacker,
    Reply With Quote Reply With Quote
  9. Jul 26th, 2012, 10:25 PM #8
    akhileshbc
    akhileshbc is offline
    Freelancer akhileshbc's Avatar
    Join Date
    Jun 2008
    Location
    Trivandrum, Kerala, India
    Posts
    7,652

    Re: [RESOLVED] <video> in html5

    Quote Originally Posted by tr333 View Post
    There's a great tutorial on using the <video> tag in HTML5 over at HTML5 Rocks. It also has some info on using video+js, video+css, video+canvas, and video+svg.
    That's cool

    If my post was helpful to you, then express your gratitude using Rate this Post.
    And if your problem is SOLVED, then please Mark the Thread as RESOLVED (see it in action - video)
    My system: AMD FX 6100, Gigabyte Motherboard, 8 GB Crossair Vengance, Cooler Master 450W Thunder PSU, 1.4 TB HDD, 18.5" TFT(Wide), Antec V1 Cabinet
    Social Group: VBForums - Developers from India


    Skills: PHP, MySQL, jQuery, VB.Net, Photoshop, CodeIgniter, Bootstrap,...
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Posting Permissions

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

Forum Rules


Click Here to Expand Forum to Full Width