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.

Similar Messages

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

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?

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/

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>

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>

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

I can't watch a video with the extension mpg or avi or anyother one using flexplayer for my ipad. Which player i can download to watch the videos that i receive in my email?

I can't watch a video with the extension mpg or avi or anyother one using flexplayer for my ipad. Which player i can download to watch the videos that i receive in my email?

Unfortunatelly, something’s not working fine on Flexplayer during the last cupple of months. A lot of updates have been released lately and the problems persist. Since iOS 6 was on the air, the problems became even worst. It’s a shame, but I think it’s time to change the app we are using. The alternative I found is 8Player, it works fine, similar to Flexplayer (but nicer interfase), and the best is that it supports “.flv” (not sure Flexplayer did). You can save your files to your hard disc using iTunes and then transfer them again to your idevice, once you’ve installed 8Player. I hope this helps. Bye bye Flexplayer!!

Does Dreamweaver CS6 Retail Boxed Support HTML5 video Tag?

Hello:
Does the retail boxed Dreamweaver 6 (Not CC) support the insertion of video into pages using the HTML5 <video> tag? My client can't use Flash.   I found conflicting reports on the Web.
Thanks,
Rich Locus

The perpetual license version of CS6 doesn't have the <video> tag built into the insert menu and it can't be added via updates. CS6 Cloud is the first version where <video> appears in the menu. Either way, you can just add it to the Snippets folder of CS6 perpetual, if you plan to use a lot of video.
Here is the base code I use for html5 video in the older versions of DW (with Flash fallback)...
<video width="320" height="240">
<source src="myvideo.mp4" type="video/mp4" />
<source src="myvideo.ogv" type="video/ogg" />
<source src="myvideo.webm" type="video/webm" />
<object width="320" height="240">
    <param name="movie" value="myvideo.swf" />
    <embed src="myvideo.swf" width="320" height="240"></embed>
</object>
</video>
Paste that code into your source view and highlight it, then click the + button on the bottom of your Snippets window and give it a name. From there on out, you just double click that snippet to add video. Make sure you have at least two video source extensions to cover all browsers and you're good to go.
HTML video Tag

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

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.

ANN: HTML5 Video Player Dreamweaver Extension Released!

Similar Messages

Maybe you are looking for