Skin of video player in html5

I have an issue with event videos in my Cp6. The problem is when I try to publish an event video in html, the skin of the player is not converted.
Does anybody know if the new Cp7 is able to publish this skin?
thanks

Thanks for your reply, aigphoto.
I'll try to adapt that Javascript and see what happens.
Regards.
JC

Similar Messages

Video player in HTML5

Hi,
I'm working on a video player in HTML5 that could work on iOS as well.
So far I managed to place the video and have it positioned as I wanted, in the left bottom corner:
http://www.jcmonteromultimedia.com/jcmm/test4/index.html
I can play the video on my iDevices, and am happy with that...
The goal I'm trying to reach is like in this other test page:
http://www.jcmonteromultimedia.com/jcmm/test2/index.html
In this second example, the content is Flash based and will not work on iOS, but the interesting feature that I'm trying to replicate is that you can click on the girl and she "poof"... goes away!
I've done that with some Javascript code I got over the net.
It doesn't work on the HTML5 page.
Can someone please help me with doing this same feature with HTML5?
Thanks.
JC

Thanks for your reply, aigphoto.
I'll try to adapt that Javascript and see what happens.
Regards.
JC

Custom Video Player from Adobe Photoshop to Catalyst

I create a video player in Photoshop (a .psd file, obviusly) and I want to make it work in Flash Catalyst without using the standart skin o' video player from there. It's possible?
if so, how would the procedure? Something very complicated?
Thank you.
@eldermarx

Hi there,
You can't skin the video player the way you can skin wireframe components like a button or data list. However, you can create a custom component that contains your video, and several buttons that control playback using Catalyst interactions.
You would place your video in the artboard, set its controls to "No Chrome", and then add your play, pause, and stop buttons. You'd need to wire up interactions to these buttons to play, pause, and stop the video.
-Bear

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

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.

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

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.

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

Video Player X, Acrobat 10.1.4, and Flash

I'm trying to troubleshoot a problem for someone who is troubleshooting it for someone else who is troubleshooting it for one if his users, so I don't have direct access to the machine I'm asking about and some of the info I have could be inaccurate.
The document in question has several RMAs that display swf-based videos using the latest Video Player X (http://www.uvsar.com/projects/acrobat/videoplayerx/), set to begin when the page is opened and loop. For one user with Acrobat 10.1.4, they are not showing up and instead a FLV icon is displayed in the upper-left of one of the three RMAs on the page.
Does anyone know what could be possible causes of this? I realize the captive player was decoupled, but exactly which version of Flash Player should be installed for 10.1.4? Is it different than the one for Acrobat 11? If an external player is not installed, or an insufficient player is installed, should the user be prompted to download the correct version?
Thanks!

Decoupling only affects the Acrobat XI Family and the latest update of the Acrobat 9 Family. At this time, Acrobat and Adobe Reader X are still hanging on to their copies of captive player (which is at 10.3.183.20 as of this morning).
I have no idea where the FLV icon has come from (it's not in VideoPlayerX, if for some reason the media file won't play or the skin won't load, all you get is a blank box). Even if you overload Flash Player's memory stack by playing a heap of videos at the same time, all you should see is a drop in framerate (I've got test PDFs with 12 videos per page that all play in unison, albeit somewhat stuttery).
Ping me offline if there's any stuff you can share, and I'd love to see a screenshot of this mysterious icon.

Flash Video Player Need Help

Hello everyone I am hoping someone here can help me. I am going to school and I have an action scripting class. For my final project we have to make a flash video player with a custom skin to upload to our websites. We did something similar to this with our first project which we made a player where the movies where embedded in the file itself but this is supposed to be a youtube like flash player where we can call in the files from another source.
We kind of got pressed for time and were not able to go into detail with this project so the teacher gave us the code and I put it in exactly how it should be but im pretty sure i have something misplaced or I am missing a step. I get 8 different errors when I go to test the movie. and nothing works. Can someone please tell me what I am doing wrong or can you point me in the direction of a tutorial on this as I have been searching for tutorials on this with no luck.
Here is my Action Script 3.0 CODE:
import fl.video.FLVPlayback;
import fl.controls.List;
var vid:FLVPlayback = new FLVPlayback();
vid.source= "fashion.flv";
addChild(vid);
vid.skin="SkinOverPlayStopSeekMuteVol.swf";
vid.x=100;
vid.y=300;
vid.skinAutoHide="true";
vid.width=500;
vid.height=280;
var vidList:List = new List();
vidList.x= vid.x+10;
vidList.y= 200;
vidList.width=200;
vidList.height=100;
vidList.addItem({label:"Bathroom Behavior",data: "bathroom.flv"});
vidList.addItem({label:"Chase Scene",data: "chase.flv"});
vidList.addItem({label:"VMCAD Fashion Design Commercial",data: "fashion.flv"});
addChild(vidList);
vidList.addEventListener(Event.CHANGE,playVid);
function playVid(e:Event):void{
vid.source=e.target.selectedItem.data;
Here is a screenshot of the errors I am receiving.
Please help me
thanks
Message was edited by: BTwardy

I don't know if what you posted is all that is in that as file, but you need to declare a package, then call the import statements, then declare the class name. Like this:
package {
     import flash.display.Sprite;
     import flash.events.Event;
     import fl.video.FLVPlayback;
     import fl.controls.List;
     public class Main extends Sprite {
          public function Main() {
               var vid:FLVPlayback = new FLVPlayback();
               vid.source= "fashion.flv";
               addChild(vid);
               vid.skin="SkinOverPlayStopSeekMuteVol.swf";
               vid.x=100;
               vid.y=300;
               vid.skinAutoHide="true";
               vid.width=500;
               vid.height=280;
               var vidList:List = new List();
               vidList.x= vid.x+10;
               vidList.y= 200;
               vidList.width=200;
               vidList.height=100;
               vidList.addItem({label:"Bathroom Behavior",data: "bathroom.flv"});
               vidList.addItem({label:"Chase Scene",data: "chase.flv"});
               vidList.addItem({label:"VMCAD Fashion Design Commercial",data: "fashion.flv"});
               addChild(vidList);
               vidList.addEventListener(Event.CHANGE,playVid);
          function playVid(e:Event):void{
               vid.source=e.target.selectedItem.data;
Then click on your stage in Flash, then open the properties window, and fill the Class text field with:   Main
Make sure the as file is saved in the same folder as the flv.

Dreamweaver Flash Video Player

Hi,
I am a newbie to Flash and DreamWeaver. I thought I posted
this yesterday but cannot find Posting.
Can someone please help? Flash player and video work fine in
Dreamweaver CS3 but do not work at all on Windows Vista PC with IE
7. I have all the files installed on the web server's root. Don't
think wrong path is the issue.
Website: www.wepsicklecell.org
Problem Page: Home page (index.html)
Could someone please tell me what I am doing wrong?
Thanks
Julie

Html doesn't control flash players. The skins, controls,
buttons, etc are
referenced by the SWF file. You would have better control
over your video
player if you compiled the FLV/SWF in a Flash program instead
of DW.
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com

Skin of video player in html5

Similar Messages

Maybe you are looking for