Solved

Stream a .MP4 file on the web.

Posted on 2014-09-19
3
371 Views
Last Modified: 2014-09-29
I have a .mp4 that I would like to stream it on the web.  What software do you recomand. I've used the QT-FastStart but it didn't work for the mp4
0
Comment
Question by:koila
  • 2
3 Comments
 
LVL 40

Expert Comment

by:Kyle Abrahams
ID: 40333178
0
 
LVL 4

Author Comment

by:koila
ID: 40333184
What I have to do ? Please explain to me.
0
 
LVL 40

Accepted Solution

by:
Kyle Abrahams earned 500 total points
ID: 40333197
from:
https://github.com/videojs/video.js/blob/stable/docs/guides/setup.md


header (for older browser versions):
<script type="text/javascript">
  document.createElement('video');document.createElement('audio');document.createElement('track');
</script>


body:
<!-- include the references -->
<link href="//vjs.zencdn.net/4.8/video-js.css" rel="stylesheet">
<script src="//vjs.zencdn.net/4.8/video.js"></script>


<!-- the actual video player change the source to your MP4 after this works. -->
<video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered"
  controls preload="auto" width="640" height="264"
  poster="http://video-js.zencoder.com/oceans-clip.png"
  data-setup='{"example_option":true}'>
 <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
 <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
 <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
 <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Grunt script for Build Process 1 60
Company website 6 44
Drop Down not working in mobile- Bootstrap 14 29
Show MP4 file and close (HTA) 3 20
When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

713 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question