How to embed HTML5 video player in web page

I have developed a video player using html, javascript and jquery. depending upon the browser type and mobile/non-mobile device, it creats the html5 video tags or redirect to a fall back flash player). I am using Adobe media server
this player works well on all the browsers.
videoplayer.html
<!DOCTYPE html>
    <html>
       <head>
</head>
<body>
<video controls="controls" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360">
          <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" />
          <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" />
          <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" />
                    <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="360">
                    <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
                    <param name="allowFullScreen" value="true" />
                    <param name="wmode" value="transparent" />
                    <param name="flashVars" value="config={'playlist':['http%3A%2F%2Fsandbox.thewikies.com%2Fvfe-generator%2Fimages%2 Fbig-buck-bunny_poster.jpg',{'url':'http%3A%2F%2Fclips.vorwaerts-gmbh.de%2Fbig_buck_bunny. mp4','autoPlay':false}]}" />
                    <img alt="Big Buck Bunny" src="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360" title="No video playback capabilities, please download the video below" />
          </object>
                    </video>
</body>
    </html>
============================================
If I embed this video player in any of the aspx page using <EMBED></EMBED>, the redirection to flash player does not happen.(it works fine on chrome and safari but not on IE and firefox)
<EMBED height=360 width=250 src="http://localhost/videoplayer.html"></Embed>

I used <object> to make it work in IE and Firefox
<object type="text/html" data="http://64.165.34.7:8134/videoplayer.html?size=1&playlist=2" style="width:460px; height:260px"></object>

Similar Messages

  • How to embed multiples HTML5 videos onto simple web page?

    How to insert multiples HTML5 videos onto single web page?

    I recommend Pickle Player -- one player can support playlists of MP4 or M4V video files.
    http://www.pickleplayer.com/
    Nancy O.

  • How to embed a report in a web page?

    Hello,
    I want to have my users just go to a web page and bring up their reports.  I don't want to spend $7,000.00 on Crystal Server when I only have 5 reports the users need.
    Is there a way to just embed a control or something into a web page?  Maybe even use an older version and the RDC component?
    Thanks.

    See my reply on the following thread;
    Do I need to buy an old version of Crystal Reports to put reports in browse
    Ludek
    Follow us on Twitter http://twitter.com/SAPCRNetSup

  • How to embed a .vi as a web page on a remote server

    I use a remote server running a Plone content management system application to allow remote users connect via the internet and store data files (delimited text files) for later analysis .
    I am using Labview 7.0
    I wish to change our current data analysis process:
    the process now:
    1) go to the web site via an internet connection (this is a site served by a remote 3rd party server running a Plone instance)
    2) download the data to a local PC
    3) run the data analysis .vi on the local PC (the .vi prompts the user for the location of the data file, the user browses to the location on the local hard drive and then the .vi graphs the data and generates the results)
    the desired new process:
    1) using a smartphone or similar web enabled PDA go to the web site where the user can remotely control an embedded data analysis .vi
    2) the remotely served .vi prompts the user for the url location of the data file and then the .vi graphs the data and generates the results
    My questions:
    A) How do I get the data analysis .vi loaded onto the remote server?  (I just don't see how to do this with the web publishing tool, maybe it is not possible?)
    B) Will the remote server require other software such as Labview RTE?
    Thanks,
    Bernie

    Bernie,
    I would install and configure an FTP-Server on the computer that runs your analysis.VI.
    Users can upload data via FTP to that computer. (That way, they should know the absolute path to that file.)
    Enable your analysis.VI to read data from the local disk.
    Make your analysis.VI a remote panel and configure LabVIEW WebServer options accordingly.
    Users now can connect to the remote panel and specify which data file the remote panel should read.
    The remote panel then generates the results and displays them on the front panel.
    Does it match your demands?
    Guenter

  • How to embed Connect video in webpage without autoplay / autostart

    I want to embed a Connect recording from our locally hosted Connect site on our webpages. We use Plone and I've manually added the code:
    <p><iframe src="https://connect.le.ac.uk/p51ud1gxajs/" name="Demonstrating your impact with the h-index" width="800" height="600" align="left" scrolling="auto" frameborder="0"></iframe></p>
    This appears to work in testing but the video starts playing when you load the webpage - which I do not want it to do.
    How do I have the video embed but not play unless the user selects play?

    Thanks for the quick reply. I'm sorry to hear Connect cannot even as an option do what I want it to do. Please could this option be added to a future release?
    If I embed a video on a web page I pretty much never want it to play until the user chooses to do so, since there may be other options on the page or they may be doing something else while loading the page. I'd prefer this behaviour to be the default and if not I at least need it as an option if I am to embed videos on webpages.
    Grant

  • Watching video clips on web page full screen

    how can you watching video clips on web page full screen?

    Please check if all your plugins are up-to-date. To do this, go to the [http://mozilla.com/plugincheck Mozilla Plugin Check site].
    Once you're there, the site will check if all your plugins have the latest versions.
    If you see plugins in the list that have a yellow ''Update'' button or a red ''Update now'' button, please update these immediately.
    To do so, please click each red or yellow button. Then you should see a site that allows you to download the latest version. Double-click the downloaded file to start the installation and follow the steps mentioned in the installation procedure.

  • How can I maximum flash player in web view?

    Hi All,
    I embedded a web view in a VBox and the VBox has fixed size ,I loaded a video to this webview ,the video url is http://www.youtube.com/embed/pMas0tWc0sg,
    How can I maximum the video after user double click video(just like double click on flash player in youtube to maximum the current video) ?

    You can't. Because Flash doesn't work in WebView. Oracle decided not to add plugin support for WebView for the time being due to security concerns.
    When you try to watch a Youtube movie with a WebView, Youtube detects the fact that Flash plugin doesn't work and substitutes an HTML5 player instead. The default HTML5 video player has a full screen button, but the specification forbids the ability to create a custom full screen button because they fear that would allow for some sort of exploit. Since Youtube's HTML5 player is customized, they couldn't add a full screen button to it.

  • How to connect flash video player(like youtube)  to live streaming video the programm like                             

    How to connect flash video player(like youtube) to live
    streaming video the programm like webcamXP?
    Or through a browser to look in a videoplayer video from
    other usual personal computer with the program for a video
    broadcasting from the web chamber.

    you can use google to search for tutorials on skinning the component.

  • ANN: HTML5 Video Player Dreamweaver Extension Released!

    Hi All,
    Just wanted to let you know about the great HTML5 Video Player we just released at DMXzone!
    Meet the present and future of HTML5 Video - the HTML5 Video Player Dreamweaver extension! DMXzone's plug-in free, easy to use and fast  video player is ready to shows off the potential of HTML5 internet  revolution. With a full browser compatibility and special support for iPad/iPhone it's a great tool in creating stunning pages.
    Packed with four amazing skins, fullscreen option and built-in support  for Vid.ly encoding and YouTube it  marks the beginning of a new era in Web design. Of course, for the  easiest implementing on a website, there's a super simple Dreamweaver UI  to lead you through the process. Based on jQuery and the great open  source video player Projekktor, the HTML5 Video Player guaranties a fully compliant HTML5 video in all browsers.
    So if you are interested check the many videos and demos about the HTML5 Video Player on DMXzone.
    Greetings,
       George Petrov
       DMXzone.com
    PS. There are also many other HTML5 Dreamweaver Extensions we have being releasing recently, like the HTML5 MP3 Player and HTML5 Slideshow! So you might want to check them out as well!

    HTML5 <video> is a web standard now.  You don't need widgets for this.
    Simply copy & paste the following code into a new, blank document.  Replace poster image and sample videos with your own.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5 with Video</title>
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    </head>
    <body>
    <!--begin video-->
    <video width="500" height="325" poster="Your_poster_image.jpg" controls>
    <!--these are legitimate 6 sec, sample videos for testing purposes.-->
    <source src="http://techslides.com/demos/sample-videos/small.webm" type="video/webm">
    <source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogg">
    <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
    NOTE: If you see this, you're using an
    outdated browser that doesn't support
    the video tag. </video>
    <!--end video-->
    </body>
    </html>
    Nancy O.

  • Dreamweaver Widget Browser for Html5 video player not working

    Html5 video player (kalturaPlayer) not working on server.  It works fine in Dreamweaver Live View.  Need to get this resolved soon for client's web page.
    Here is my code:
    <figure>  <div>
              <video width="640" height="360" poster="NewFiles/images.tdrbcf/home/2012/denise4video2.jpg" duration="2:04" preload="auto"  >
                <source type="video/h264"> <source src="NewFiles/images.tdrbcf/video/liv-fab-well.mp4" width="640" height="360" />
          <source type="video/webm"> <source src="NewFiles/images.tdrbcf/video/liv-fab-well.webm"  width="640" height="360" />
                <source type="video/ogg" &gt;>
                <source src="NewFiles/images.tdrbcf/video/liv-fab-well.ogv" width="640" height="360" />
                </video>
      </div></figure>
    I'm not as familiar with editing the script ... so I left it alone.  Could there be an error there, do the video player files need to be in a particular location and are there some servers that do not support the kalturaPlayer?

    Html5 video player (kalturaPlayer) not working on server.  It works fine in Dreamweaver Live View.  Need to get this resolved soon for client's web page.
    Here is my code:
    <figure>  <div>
              <video width="640" height="360" poster="NewFiles/images.tdrbcf/home/2012/denise4video2.jpg" duration="2:04" preload="auto"  >
                <source type="video/h264"> <source src="NewFiles/images.tdrbcf/video/liv-fab-well.mp4" width="640" height="360" />
          <source type="video/webm"> <source src="NewFiles/images.tdrbcf/video/liv-fab-well.webm"  width="640" height="360" />
                <source type="video/ogg" &gt;>
                <source src="NewFiles/images.tdrbcf/video/liv-fab-well.ogv" width="640" height="360" />
                </video>
      </div></figure>
    I'm not as familiar with editing the script ... so I left it alone.  Could there be an error there, do the video player files need to be in a particular location and are there some servers that do not support the kalturaPlayer?

  • HTML5 Video Player Skin

    Hello,
    I have the latest version of Captivate 7. I am developing a course that is using embbeded mp4 video that has been encoded using the Adobe video encoder. My understanding is that with the latest update you have now included a default HTML5 Video player skin hoverver I can not see one displaying in any of the modern browsers when I preview or publish my course out.
    I have also noticed that when I publish out my HTML5 course you are not using the controls tag to bring up default modern browser HTML5 video player controls! http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video_all
    HTML5 is the new standard! Come on guys if you want to make Captivate the market leader in eLearning then you have to be bringing out updates with the latest html5 support I would like to see captivate as a fully HTML5 compatible product in th enext big release
    If there is no solution withing captivate at the moment can you show me how I can utalise a 3rd party JS HTML5 video player such as VideoJS http://www.videojs.com/ and use it with my published HTML5 Captivate Project.
    Thanks

    The HTML 5 Video Player Widget is still available, I think you are running into an intermittent issue a couple others reported.
    In Widget Browser, try clearing the Cache by clicking the "Options" button in top right and then the "Clear Cache" button.
    Then go to 'Adobe Exchange" and click on the "HTML 5 Video PLayer" widget again.
    If it still displays an error ignore it.
    Hit Add to My Widgets and try it out.
    Let us know if that doesn't fix the problem. I think the download file type may not be set correctly looking into fixing that on the server.
    -Scott Richards
    Dreamweaver Team

  • Can someone please give me a step-by-step guide on how to embed a video in my Indesign document?

    Can someone please give me a step-by-step guide on how to embed a video in my Indesign document? I've got CS4 and I've tried to follow Adobe's instructions. Even Creative Suite 4 for Dummies. But I can't get it to work. And yes, I understand the video will only play when exported as a pdf -- not in the indesign document. Help! Donna

    Please repost in the InDesign forum along with full details including what the problem is.
    Telling us it doesn’t work is meaningless.
    Bob

  • Using Flash player even though YouTube HTML5 video player is enabled

    I'm in YouTube HTML5 video player beta program (http://youtube.com/html5), but even with it being enabled, every time I play a YouTube video it's still using Flash player.

    try adding '''&html5=True''' to the end of the URL

  • Safari 6.0.5 update == no variable speed feature on html5 video player.

    Today I installed the Safari 6.0.5 update and now I don't have the html5 video player variable speed feature -- this allows one to play videos at speeds from 0.5x to 2.0x.  My previous Safari was 6.0.4 and the html5 video var speed feature worked well.
    The other things SW Update installed with the Safari 6.0.5 were:
    Security Update 2013-002
    Java for OS C 2013-004
    iTunes 11.0.4
    Any ideas?

    Today I installed the Safari 6.0.5 update and now I don't have the html5 video player variable speed feature -- this allows one to play videos at speeds from 0.5x to 2.0x.  My previous Safari was 6.0.4 and the html5 video var speed feature worked well.
    The other things SW Update installed with the Safari 6.0.5 were:
    Security Update 2013-002
    Java for OS C 2013-004
    iTunes 11.0.4
    Any ideas?

  • How to embed flash video in HTA Application

    How to embed flash video in HTA Application?

    How to embed flash video in HTA Application?
    It is exactly the same as embedding in a normal HTML page.  Check with flash forum on how to use flash.
    ¯\_(ツ)_/¯

Maybe you are looking for

  • E-mail no longer working properly

    since a few days ago I can no longer access e-mails completely. I receive them, and can see them in preview, but can longer access the whole e-mail or any attachments. Any Suggestions

  • One select list with multiple LOV's (LOV based on how page was called)

    APEX 4.0.2 I've a DML form page from a report on which I need a single select list item to have a differing LOV based on how the form page was called. The calling page (report), contains an edit link column and a create button. Depending on which is

  • Cisco PCA

    Hi, Need help in Cisco PCA issue. I have unity 4.2.1, one of my user is using a Win 7 PC, When we launch the CPCA some messages are having play option and others have the play option grayed off. When logged out and login back it works. This is interm

  • Weblogic JMS Error

    Hi All, I am using JMS adapter fro weblogic queue... process working fine....but some times geeting below error... WSIF JCA Execute of operation 'Produce_Message' failed due to: ERRJMS_TRX_BEGIN. CCI Local Transaction BEGIN failed due to: ERRJMS_GET_

  • Unable to view JDNI tree in WL 9.1 server

    Hi, I just installed WebLogic 9.1 server. I created a new domain, and went to view the JNDI tree for my server. The new window pops, and I get the following error: Error opening /jsp/jndi/jndinav.jsp. The source of this error is javax.servlet.Servlet