How to place videos on my webpage for others to watch?

  • mtr
  • Born
  • Born
  • mtr
  • Posts: 2

Post 3+ Months Ago

I am new at this, don't know much about scripts. I am building my website with FrontPage 2000. There is feature to insert video to the page and it is playing in the preview mode, but it is NOT playing when page is uploaded online. I've tried Wind.Media Player but it will not play with Chrome browser, QuickTime player will not play either. Please help!!!
  • ScottG
  • Proficient
  • Proficient
  • ScottG
  • Posts: 477

Post 3+ Months Ago

Have a look at this http://www.html5rocks.com/en/tutorials/video/basics/

With html5 it is easy to add videos to your site you just need to have them in the correct format.

Please note that the video tag doesn't work with OLD versions of IE however it dose allow you to add a fall back to a flash video player or an embedded windows media player.

Such code could look like this
HTML Code: [ Select ]
 
<video controls style="width:640px;height:360px;" poster="poster.png">
  <source src="myvideo.webm" type='video/webm;codecs="vp8, vorbis"' />
  <source src="myvideo.mp4" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"' />
 
  <!-- IE Fallback -->
  <object id="MediaPlayer" width="192" height="190" type="video/x-ms-asf">
    <param name="FileName"value="myvideo.wmv">
    <param name="autostart" value="false">
    <param name="ShowControls" value="true">
    <param name="ShowStatusBar" value="false">
    <param name="ShowDisplay" value="false">
    <embed type="application/x-mplayer2" src="videofilename.wmv" width="192" height="190" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0" />
  </object>
 
</video>
 
 
  1.  
  2. <video controls style="width:640px;height:360px;" poster="poster.png">
  3.   <source src="myvideo.webm" type='video/webm;codecs="vp8, vorbis"' />
  4.   <source src="myvideo.mp4" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"' />
  5.  
  6.   <!-- IE Fallback -->
  7.   <object id="MediaPlayer" width="192" height="190" type="video/x-ms-asf">
  8.     <param name="FileName"value="myvideo.wmv">
  9.     <param name="autostart" value="false">
  10.     <param name="ShowControls" value="true">
  11.     <param name="ShowStatusBar" value="false">
  12.     <param name="ShowDisplay" value="false">
  13.     <embed type="application/x-mplayer2" src="videofilename.wmv" width="192" height="190" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0" />
  14.   </object>
  15.  
  16. </video>
  17.  
  18.  
  • spork
  • Brewmaster
  • Silver Member
  • User avatar
  • Posts: 6252
  • Loc: Seattle, WA

Post 3+ Months Ago

mtr wrote:
I am building my website with FrontPage 2000.

I highly recommend not using FrontPage. It hasn't been officially supported for years, which means the code it spits out is going to be horribly incompatible with modern web development. Even when FrontPage was relevant, it was still pretty bad.

Get yourself a good text editor (SublimeText, TextMate, etc) and you'll be doing yourself a huge favor.
  • Zealous
  • Guru
  • Guru
  • User avatar
  • Posts: 1244
  • Loc: Sydney

Post 3+ Months Ago

i think you should let youtube do the hosting of the video and then use their code to show it on the site. Even just have a private account that links to the web site. Better response with a multi user stream video
  • mtr
  • Born
  • Born
  • mtr
  • Posts: 2

Post 3+ Months Ago

Thanks everyone for your time and help! HTML5 player was the way to go for me. Thank you!
  • Veeramanikandan
  • Novice
  • Novice
  • Veeramanikandan
  • Posts: 25

Post 3+ Months Ago

you can try this code for playing video in your webpage.
HTML Code: [ Select ]
<html>
<body>
 
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
  <object data="movie.mp4" width="320" height="240">
    <embed src="movie.swf" width="320" height="240">
  </object>
</video>
 
</body>
</html>
  1. <html>
  2. <body>
  3.  
  4. <video width="320" height="240" controls>
  5.   <source src="movie.mp4" type="video/mp4">
  6.   <source src="movie.ogg" type="video/ogg">
  7.   <source src="movie.webm" type="video/webm">
  8.   <object data="movie.mp4" width="320" height="240">
  9.     <embed src="movie.swf" width="320" height="240">
  10.   </object>
  11. </video>
  12.  
  13. </body>
  14. </html>

Post Information

  • Total Posts in this topic: 6 posts
  • Users browsing this forum: No registered users and 36 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.