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

Similar Messages

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>

</head>
<body>

<video width="500" height="325" poster="Your_poster_image.jpg" controls>

<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>

</body>
</html>
Nancy O.

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?

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" >>
            <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" >>
            <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 won't load YouTube videos (and probably nothing else either)

When I request that YouTube use the HTML5 video player for videos, no videos will load - I have to switch to Adobe Flash for anything to play. The page for a video will finish loading and I'll just sit there watching the loading spiral of death ceaselessly. I've tried a number of suggestions from other threads with similar issues and nothing's helped.
- Safe Mode does NOT fix the problem (so it's not an add-on or script issue)
- Clearing cookies/cache does not work
- Toggling the media.windows-media-foundation.enabled setting does nothing
- Disabling hardware acceleration also does nothing
I'm at my wit's end. Flash will hang and crash REALLY often so I don't want to use it, but it's the only thing that works for YouTube. Please help.

You have to download and install Adobe Flash. Flash is not pre-installed.
http://get.adobe.com/flashplayer/

Captivate 4 video player skins...

i want to use a different video player skin than the 6 stock ones that come with captivate 4... they seem to be embedded into the program? any suggestions on how to add new ones?

Hi,
This article will help you create custom skins.
Manish,
http://blogs.adobe.com/captivate

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>

Using a custom video player (skin) for Event Videos?

Hi
I'd like use something other than the 9 standard video skins that come with Captivate 6 (Halo, Clear and Corona). Is it possible to use a custom video player or at least a different skin for an Event video? And, if so, does anyone know where I could find a collection of custom skins (free or otherwise)?
Thanks
Paul

Well sure enough, that WPF MediaKit indeed uses D3DImage for the WPF interop. In fact he does things very similar to me except mostly he seems to use DirectShow whereas I'm 100% Media Foundation. Maybe should rethink that... If only DirectShow had H264
support in Windows 8. Stupid licensing issues. Anyway thanks again for that link.

Html5 video player won't work with slider script??

Hi - I'm new to html5 and Dreamweaver, but I've worked with html in the past, so most things aspects aren't foreign to me.
My question is this: I'm working with an existing html5 template and it had a slider graphics bar near the top. It works fine and scrolls through three pre-made banners.
The problem is I just added the widget for HTML5 Videoplayer and inserted it into my code. The video box, etc. shows up fine, and will play, but now the slider graphic box at the top doesn't work anymore. Instead it just displays all three banners as images, one on top of the other.
When I look closer at the script code that the widget embeds, it seems as though the script widget code is not playing well with the existing script code. When I remove the script code that the widget installs, the slider works perfectly again (but the video obviously won't play).
The exact code is included below. My question is, how can I make the two of these scripts work together???Any help would be great appreciated. Thanks, Blair
<script src="scripts/elegant-press.js" type="text/javascript"></script>
<script src="kaltura-html5player-widget/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="kaltura-html5player-widget/mwEmbed-player-static.js" type="text/javascript"></script>

<link href="kaltura-html5player-widget/mwEmbed-player-static.css" rel="stylesheet" type="text/css">
<style type="text/css">
/* BeginOAWidget_Instance_2294029: #kalturaPlayer */
@import url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/redmond/jquery-ui.css");
/* EndOAWidget_Instance_2294029 */
</style>
<script type="text/xml">

</script>

Hi - I'm new to html5 and Dreamweaver, but I've worked with html in the past, so most things aspects aren't foreign to me.
My question is this: I'm working with an existing html5 template and it had a slider graphics bar near the top. It works fine and scrolls through three pre-made banners.
The problem is I just added the widget for HTML5 Videoplayer and inserted it into my code. The video box, etc. shows up fine, and will play, but now the slider graphic box at the top doesn't work anymore. Instead it just displays all three banners as images, one on top of the other.
When I look closer at the script code that the widget embeds, it seems as though the script widget code is not playing well with the existing script code. When I remove the script code that the widget installs, the slider works perfectly again (but the video obviously won't play).
The exact code is included below. My question is, how can I make the two of these scripts work together???Any help would be great appreciated. Thanks, Blair
<script src="scripts/elegant-press.js" type="text/javascript"></script>
<script src="kaltura-html5player-widget/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="kaltura-html5player-widget/mwEmbed-player-static.js" type="text/javascript"></script>

<link href="kaltura-html5player-widget/mwEmbed-player-static.css" rel="stylesheet" type="text/css">
<style type="text/css">
/* BeginOAWidget_Instance_2294029: #kalturaPlayer */
@import url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/redmond/jquery-ui.css");
/* EndOAWidget_Instance_2294029 */
</style>
<script type="text/xml">

</script>

Video Player Skin not working

Hi!
I'm working in Captivate 6, and have inserted event video as progressive download video. The player controls show up on top of the video, and then they just sit there, silently mocking my inability to get them to do anything other than look pretty.
Here are the settins in the properties tab
And here is the player in action. The progress bar works - but pause and mute don't.
Thanks!

Okay...I figured it out (well, made it work, anyway). I was publishing for flash player 9, and that didn't work. When I changed the publish settings to flash player 10, it started working properly. So if you have the same issue, try that.

HTML5 video inside iweb not playing online

Hi everyone.
This is the first time I post something on this forum. I´m having problems with posting a html 5 video online from my iwebsite. I´m new to html so I might very well have done some simple thing wrong in the code. It looks good inside iweb but in firefox I get a X on a grey background and in Safari It says loading..... forever/___sbsstatic___/migration-images/migration-img-not-avail.png Any help would be wildly appreciated
This is the code I copied from http://videojs.com/embed-builder/
<video class="video-js" width="870" height="489" controls preload autoplay poster="/___sbsstatic___/migration-images/migration-img-not-avail.png">
<source src="http://hrund.org/_/Media/reel.m4v" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="http://hrund.org/_/Media/reel.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="http://hrund.org/_/Media/reel.Ogv" type='video/ogg; codecs="theora, vorbis"' />
<object id="flashfallback1" class="vjs-flash-fallback" width="870" height="489" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value='config={"playlist":["/___sbsstatic___/migration-images/migration-img-not -avail.png", {"url": "http://hrund.org/_/Media/reel.m4v","autoPlay":true,"autoBuffering":true}]}' />
</object>
</video>
Download Video:
MP4,
WebM,
Ogg
HTML5 Video Player by VideoJS
And my site is hrund.org
I also tried to mess with the MIME types at my host but I´m suspecting the problem something more simple.
Thanks,
Haru.

I did do a test page by copying the code from VideoJS.
http://web.me.com/roddymckay/JW-Player/VideoJS.html
It seems to work OK except that the poster image just flashes on and then disappears.
If you can tolerate this flaw, you can copy their code and replace the URLs with your own rather than using the online code builder.

Custom Video player

Hi,
Im new to adobe edge, and not much example to seek online,
thus here am i asking for some reference.
i would like to know is it possible to create a custom html5 video player
using adobe edge animate?

I have this same problem:
"Unauthorized/ It appears you're not allowed to view what you requested. You might contact your administrator if you think this is a mistake."
Why??? How can I contact administrator (if it will help)??

Strobe and Creative Suite? and HTML5 Video?

The most recent Strobe release (StrobeMediaPlayback_1.5.Sprint4-full.zip), included an html5demo.html
The Dreamweaver team just announced a Kaltura.com-based HTML5 Video Player widget.
Is the Strobe html5demo.html any indication of HTML5 Video support by Strobe?
Also, regarding the core SWF-based Strobe, are there any plans to provide any direct SMP integration with Creative Suite applications?
Thanks again for your great work.
Warmest regards,
g

What had me very concerned is system requirements on the box state that a "multicore" processor is required. The smaller iMac (best suited to my budget) comes with an optional dual-core i5 processor, and the larger iMac can be equipped with quad-core i7 processors. I wasn't sure if "dual-core" qualified as "multicore" in Adobe's specification.
Thanks.

HTML5 videos won't play correctly with built-in player

1) When I try to play html5 video, firefox only shows me a few frames, and then screen become grayed and «loading» animation appears. Then it shows me next few frames, and a loading screen again. It continues until the whole video will load.
2) When it finally loads, video and sound are a little bit choppy if the video is in good quality. Other browsers play that videos without any lags or loading screens. Here's the example of one of that videos I couldn't watch normally: https://m.vk.com/video-51189706_170637645
I've looked up at memory indicator, and it showed me that I have at least 200Mbs of free RAM during the loading of these videos. Also every memory limit setting in about:config is set to -1.
I use the latest firefox version from Play Store and own an Asus TF300T tablet (nvidia tegra3 and 1Gb of RAM), so it's certainly not a lack of hardware power.
I also should note that when I watch youtube videos (with firefox, not youtube player, which I've removed), everything is fine — videos are playing and loading at the same time.

I cannot view that video however we are in the process of making some major changes to video playback on Android. Currently these changes are in our Aurora build of Firefox it can be downloaded at https://aurora.mozilla.org if you would like to see if this improves the video playback.

HTML5 Video Player Skin

Similar Messages

Maybe you are looking for