No HTML5 Video option in Insert/Media Drop down menu on DW, CS6

Just getting into wanting to try the HTML5 Video on websites I am building on my PC using CS6.
However, I downloaded the tutorial "Inspire" on how to do this, etc. by downloading the mpeg4 video files(trolly) and doing a test site while following along with tutorial. Followed to a "T".
When it came to actually clicking the Insert selection then the Media selection to drop down the following only,
SWF
FLV
Shockwave
Applet
Active X
Plugin
I even updated DW, restarted PC and still no final choice to add the HTML5 Video file. And I did have the Option in the New Document Dialouge Box to select HTML5 from the DOCtype menu earlier in the tutorial test I conducted and made. Think of why I don't have that option?
kjvidman

Just copy & paste the following code into a new, blank html document. Replace the Poster image and 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>
You will need all 3 file types to support the various web devices:
ogv
webm
mp4
Nancy O.

Similar Messages

How do I insert a drop down menu bar?

Hi, I'm designing my 1st website and I started it in photoshop cs5.5. I imported my site into Dreamweaver cs5.5 and uploaded it to my server. The problem I'm having is that when I try to insert a drop down menu bar, I get gaps within my page. How do I fix this? *Help Please* The URL for my site is: http://www.coriemoment.com
and this is my coding:
<html xmlns="http://www.coriemoment.com"
<head>
<title>The Official Corie Moment Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
    <div id="=container"
<body bgcolor="#FFFFFF" leftmargin="auto" topmargin="auto" marginwidth="auto" marginheight="auto" margin:0;>

<table id="Table_01" width="1281" height="768" border="0" cellpadding="0" cellspacing="0">
          <tr>
                    <td colspan="6">
                              <img src="images/index_01.png" width="1280" height="220" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="220" alt=""></td>
          </tr>
          <tr>
                    <td rowspan="4">
                              <img src="images/index_02.png" alt="" width="414" height="548"></td>
                    <td rowspan="3">
                              <object width="564" height="423"><param name="movie" value="http://www.youtube.com/v/XbuQiJ6Sv_M?hl=en_US&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XbuQiJ6Sv_M?hl=en_US&version=3" type="application/x-shockwave-flash" width="564" height="423" allowscriptaccess="always" allowfullscreen="true"></embed></object></td>
                    <td colspan="3">
                              <img src="images/index_04.png" width="255" height="89" alt=""></td>
                    <td rowspan="4">
                              <img src="images/index_05.png" width="46" height="548" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="89" alt=""></td>
          </tr>
          <tr>
                    <td rowspan="2">
                              <img src="images/video_03-07.png" width="1" height="336" alt=""></td>
                    <td rowspan="3">
                              <img src="images/index_07.png" width="34" height="459" alt=""></td>
                    <td>
                              <script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'search',
/*put your twitter id that people use to reply to you below. Mine is mhorning. If you only want to see the Tweets that you have Tweeted, then delete the part below that says- OR to:coriemoment */
search: 'from:coriemoment OR to:coriemoment',
   /*this is the duration in terms of seconds*/
interval: 30000,
   /*this is the title you want on your tweets*/
title: 'Corie Tweets',
subject: 'Send us your comments',
   /*setting width to 'auto' will adjust the width of your tweetbox to whatever is set on your div. You can change this to something like 500px if you want*/
width: 'auto',
height: 212,
theme: {
    shell: {
             /*this will change the background color of your tweetbox. It is currently yellow*/
            background: 'body p, body img, body embed, body object, body video{opacity:1 !important}',
      /*this will change the color of the text in your background*/
            color: 'fac935'
    tweets: {
             /*this will change the background color behind your tweets. It is currently white*/
            background: 'body p, body img, body embed, body object, body video{opacity:0.2 !important}',
       /*this will change the color of the text in your tweets. It is currently black*/
            color: '#000000',
       /*this will change the color of anything that is hyperlinked in your tweet. It is currently blue*/
            links: '#1985b5'
features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
}).render().start();
</script></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="302" alt=""></td>
          </tr>
          <tr>
                    <td rowspan="2">
                              <img src="images/index_09.png" width="220" height="157" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="34" alt=""></td>
          </tr>
          <tr>
                    <td colspan="2">
                              <img src="images/index_10.png" width="566" height="123" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="123" alt=""></td>
          </tr>
</table>

</body>
</html>

Please see here http://forums.adobe.com/thread/1166609.
Really annoying when there are multiple posts for one query

The edt option in the orange drop down menu is grayed out, how do I fix this?

It's the first time that I've went into the drop down menu since installing the latest FF and the edit option it grayed out, and not letting me access it.

That is normal. Does the menu open if you hover the arrow at the right of the Edit entry in the App menu?
Does the Paste link get highlighted if there is content on the clipboard and a text area is selected?
The entries in the Edit menu only work if they apply and there is something to do like text is selected and Copy will work.

Execute option missing from JSP drop down menu

I'm going through a Java Web Development class and trying to produce a small web app through Sun Java Studio Enterprise 7 2004Q4. I have two servlets, a couple of classes and two JSPs. At seemingly random times the "Execute" and "Execute (force reload)" options from the drop down menu you get when you right click a JSP fails to show up. It isn't grayed out, it just isn't there. Most of the time these options are there. And they can be there one time and then for the same project, same set of JSPs everything, they just disappear.
Can anyone tell me what dumb thing I'm doing to cause this?
And can anyone tell me how to fix it once I've done it?
Thanks
DR Crowley

First of all thank you for all the time you are spending on this. Believe me I know how frustrating it can be to figure out what is happening when you can't reproduce the problem.
On to your questions: I am running Windows XP Professional. I have checked and made sure that the extension is still .jsp and that it isn't changing. No I don't have the IDE set up to show extensions, however the icon beside the file is the jsp icon and when I go to Windows explorer (where I do have it set to show known extensions) it is a .jsp file and does not have the ever exasperating hidden extension that windows is infamous for. Sun Studio seems to recognize the file as a proper jsp (due to the icon).
As to your further questions. I am executing it by right clicking on the jsp file itself. And the jsp file is in the documents folder not in the web/inf folder.
At this point we are out of the class and it isn't nearly as important that I get an fix. We (our company) will probably not do jsp files and servlets thourgh Sun Java Studio Enterprsise. Instead we are looking at using Sun Java Studio Creater to do the view layer.
Thanks for all your help and the time you took to try to figure this out.

When I select an option from the help drop down menu it just goes away. It does not go to the help option I chose.

When I select an option from from the help drop down menu it just goes away. It does not go to the query I selected by hitting the keypad.

Jody
you don't tell us Device or OS?
Quoted from  Apple's "How to write a good question"
To help other members answer your question, give as many details as you can.
Include your product name and specs such as processor speed, memory, and storage capacity. Please do not include your Serial Number, IMEI, MEID, or other personal information.
Provide the version numbers of your operating system and relevant applications, for example "iOS 6.0.3" or "iPhoto 9.1.2".
Describe the problem, and include any details about what seems to cause it.
List any troubleshooting steps you've already tried, or temporary fixes you've discovered.
ÇÇÇ

Create App option not available in drop-down menu

I am unable to access the "Create App..." option in the drop-down menu for the Folio Builder. All options in the drop-down menu are there except for the Create App option. Does anybody know why this is the case?
Thanks in advance for the help.

Oh, I see. Thank you for the quick response. I suspected that may be the case. So, if I may, I would like to ask you a follow-up question: how do I access the App Builder using a PC? I have managed to publish my folio in the DPS Folio Producer, but am unsure of what to do next. I have watched a few tutorials and they work with Macs and neglect to mention any difference between PC and Mac. Is there a resource that can help guide me through this process using a PC?
Thanks again.

I've just downloaded photoshop and bridge cc. I have two challenges. First, I don't have a mini bridge option in the photoshop drop down menu or at the bottom of the photoshop workspace. What could be causing this? 2nd. From my old version of PS, I

I need some help! I just upgraded from PS CS2 to CC photoshop, bridge and lightroom CS6 CC. It is very different. I have 2 initial problems. 1) I do not have an option for mini bridge. It isn't in my PS dropdown menu nor an icon at the bottom of the PS work space. Why don't I have a minibridge? 2) In CS2, I could doubleclick on an image in Bridge and it would automatically open it in PS. That doesn't work with CS6 (creative cloud). Should it? Its like the two products are not interacting as they should. What am I doing wrong?

Hi Jenwebber,
Mini Bridge is not available in Photoshop CC 2014. Please refer to below link.
http://helpx.adobe.com/photoshop/kb/mini-bridge-kuler-exchange-missing.html
Also as JJMack stated, make sure you have all the applications up to date.
Thanks

Where has the Libraries option in the window-drop down menu gone?

Running CC and trying to create a Library for a specific project, but the option is not present in PS or Illustrator. Have tried searches on google and adobe, but no luck yet.
Anyone else had the same issue?
Is there a fix for this?
My apps seems to be up to date and cloud is apparently functional.

Looks like I'm answering this myself.
Took me some time and lots of trial and error to find the solution.
Apparently the Adobe Application Manager was corrupted, and reported everything to be up to date.
I had a previous install of CS6 on the computer when I installed CC. This must have caused some havoc.
After uninstalling both CS6 and everything I had installed from CC, I ran the Adobe Cleaner.
Then a fresh install of CC, and voila! Everything is working as it should again.

LiveCycle Designer 8.0 Drop-down menu help - newbie

I am new with LiveCycle and do not know much about coding and the like. I've search the forums and have not found quite what I need. (It might be because I don't know the correct terms to search - so I apologize in advance if there was a previous posting regarding this)
I am creating a form for lab tests for referring physicians to fill out.
for simplicity, I will just use the state, city example.
>>>>>> QUESTION 1.
I have dragged/dropped a drop-down menu icon onto the form, gone through the Palette>Object>Field>List Items to compile the list of states (in my real case, a list of lab tests)
How can I get the second drop down menu to show the corresponding cities based on the "state" selected in the first drop down menu? So that when I choose "California" I have the option in the second drop-down menu to choose from "Los Angeles," "Orange County," "Long Beach," etc
VERSUS
if I select "Texas" the list will retrieve "Houston," "Sugarland," "Dallas," etc.
I read about hardcoding and although I'm not quite sure what that means, I think that is what I will be doing as I will not be referencing outside of my form.
Also, the items in these menus are long/descriptive in nature, is there a way to refer to the lists in the code without having to type everything out? In my form (instead of "state") I will have lab tests "Test_1" with CPT codes attached, that is the list includes items like:
93880 - carotid duplex scan, bilateral
93882 - carotid duplex scan, unilateral
and in drop-down list 2 I have items like:
454.0 - varicose vein with ulcer
454.1 - varicose veins with inflammation
it would be such a pain to type each out in the code, but if there are no other ways around it, that is fine too.
>>>>>>> QUESTION 2.
The referring physician will have the option to email this form to the vascular lab scheduler. To prevent an "accidental" changes, I would like the form to be a "live form" for people to fill out, but upon return, the form to be a static PDF file, that is, the person receiving the email does not have the option to make any changes (purposeful or accidental), is there a way to do this?
THANK YOU SO MUCH IN ADVANCE!
again, I apologize for asking for help for what I'm sure is an easy fix. I don't know very much about the coding language, if it is not too much to ask - step-by-step would be helpful.
I'm using Adobe LiveCycle Designer 8.0.
Thank you.
-Viv

Hi Geo,
Thank you for the link.
Sorry, this is very difficult for me to explain not knowing the scripting language, but I will try my best not to confuse you too much.
I was able to get Thom's example to work, and based on that, I was able to get this hypothetical situation to work:
< script contentType="application/x-javascript" name="Example2" >var oTestOrdered = {
12345678912345678: [ ["-"], ["AAA (Endologix)"], ["AAA (GORE)"], ["Aortic Arch"],["other"]],
56565: [ ["-"], ["Varicose Vein"], ["Venous Insufficiency"], ["Spider Veins"],["Symptomatic Var Veins"]],
46546: [ ["-"], ["TA biopsy"], ["CEA"], ["amputation"], ["debridement"]]
function SetTestEntries()
ICD9_2.clearItems();
ICD9_2.rawValue = null;
var aTests = oTestOrdered[xfa.event.change];
if(aTests && aTests.length)
for(var i=0;i<aTests.length;i++)
ICD9_2.addItem(aTests[i][0].toString());
</ script >
HOWEVER, I cannot get something like this one to work (the only difference is that I added a "9" to the first option) it seems as though I cannot insert anything beyond 17 consecutive characters (no dashes and underscores are allowed either):
< script contentType="application/x-javascript" name="Example2" >var oTestOrdered = {
123456789123456789: [ ["-"], ["AAA (Endologix)"], ["AAA (GORE)"], ["Aortic Arch"],["other"]],
56565: [ ["-"], ["Varicose Vein"], ["Venous Insufficiency"], ["Spider Veins"],["Symptomatic Var Veins"]],
46546: [ ["-"], ["TA biopsy"], ["CEA"], ["amputation"], ["debridement"]]
function SetTestEntries()
ICD9_2.clearItems();
ICD9_2.rawValue = null;
var aTests = oTestOrdered[xfa.event.change];
if(aTests && aTests.length)
for(var i=0;i<aTests.length;i++)
ICD9_2.addItem(aTests[i][0].toString());
</ script >
The form I am creating is a Vascular Lab request form, where the test ordered (drop down box 1)has a CPT code to reference the test being ordered (i.e., 93880 - Carotid Duplex Scan, bilateral) and the test has a set of diagnoses (ICD-9 codes) in drop down box 2, associated with that test (i.e., 459.81 - Venous Insufficiency)
I have found that I do not have a problem with the "diagnoses" but I cannot add the descriptive test select in the first place. That is, the code works fine if I leave it as "93880" but not "93880 - description." I have also run into the problem that I cannot use dashes or underscores, nor can I type more than 17 characters otherwise the code no longer works.
Is there something I need to add or remove in order to make this work?
Thank you in advance for your help and patience!

HOW DO I GET THE FIREFOX WINDOW TO APPEAR SO I CAN FOLLOW YOUR DIRCTIONS? WHEN I CLICK ON THE ICON THERE IS NO "0PTIONS" IN THE DROP DOWN MENU.

All of the instructions seem to ask me to start with the firefox window. I cant get this to appear. As an alternate, I have opened Mozilla and clicked on the icon in the upper left corner, but no Options" appears in the drop down menu. (the only items listd are restore, size, etc). What can I do?

You most likely have the menu bar visible instead of the Firefox button, [[Display the Firefox button menu instead of the menu toolbar]]
BTW, update to Firefox 22 [[Update Firefox to the latest version]]

Navigation Drop Down Menu Does Not Appear Correctly with Internet Explorer.

Website was designed with Dreamweaver CS5 on a Mac. The navigation drop down menu does not appear correctly with Internet Explorer. When you mouse over a navigation option that has a drop-down menu, the drop-down portion appears on top of the first level. Hope someone can help me out.Thanks!
http://www.catchaghosttoursofkansas.com

Hi,
and you should then iron out this minor inaccuracy, which I found in your source code, for example here:
<div align="center"><a class="MenuBarItemSubmenu" href="hays.html">HAYS</a>
        <ul>
          <li><a href="hayswalkingtour.html">Walking Tour</a> </li>
          <li><a href="forthays.html">Fort Hays</a></li>
        </ul>
All your "first" entries have to show a '#", like this:
      <div align="center"><a class="MenuBarItemSubmenu" href="#">HAYS</a>
        <ul>
          <li><a href="hayswalkingtour.html">Walking Tour</a> </li>
          <li><a href="forthays.html">Fort Hays</a></li>
        </ul>
      </div>
after that you can link to the individual subgroups. See here e.g. (screenshots from my German DW):
Hans-G.

Fireworks cs6 drop down menu crossbrowser

Hi there,,
I am doing this drop down menu on fireworks cs6,its a horizontal menu, and the dropdouwn menus on chrome appears on the middle of the button, the same happends on iexplorer,firefox and Opera.But on Safari it works perfectly.I send the fotos on atachment one from google chrome and one from Safari.
The one on the left is from google chrome, the drop down menu on all the buttons appears on the midle of the button,and its the same on all browsers,except on safari, the right foto.
I tryed to use google chrome inspect tools and uncheck some of the css proprieties of the div correspondent to the uploads drop down link("uploads"), but nothing happends.it doesnt move up or down , not even a pixel.
I want it to look like the Safari right foto on all browsers, How can i do that?
i did the menu on fireworks cs6 and exported to dreamweaver cs6 as HTML, then i inserted the menu as fireworks html inside a div #nav, this is on the fluid grid layout on the phone and tablet css:
#nav {
          margin-top: 0px;
          clear: both;
          float: left;
          margin-left: 0;
          width: 100%;
          height: auto;
          min-height: 180px;
          display: block;
          background: rgba(66,65,66,1);
          background: -moz-linear-gradient(top, rgba(66,65,66,1) 0%, rgba(115,115,115,1) 2%, rgba(168,168,168,1) 57%, rgba(247,246,247,1) 97%, rgba(253,252,253,1) 100%);
          background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(66,65,66,1)), color-stop(2%, rgba(115,115,115,1)), color-stop(57%, rgba(168,168,168,1)), color-stop(97%, rgba(247,246,247,1)), color-stop(100%, rgba(253,252,253,1)));
          background: -webkit-linear-gradient(top, rgba(66,65,66,1) 0%, rgba(115,115,115,1) 2%, rgba(168,168,168,1) 57%, rgba(247,246,247,1) 97%, rgba(253,252,253,1) 100%);
          background: -o-linear-gradient(top, rgba(66,65,66,1) 0%, rgba(115,115,115,1) 2%, rgba(168,168,168,1) 57%, rgba(247,246,247,1) 97%, rgba(253,252,253,1) 100%);
          background: -ms-linear-gradient(top, rgba(66,65,66,1) 0%, rgba(115,115,115,1) 2%, rgba(168,168,168,1) 57%, rgba(247,246,247,1) 97%, rgba(253,252,253,1) 100%);
          background: linear-gradient(to bottom, rgba(66,65,66,1) 0%, rgba(115,115,115,1) 2%, rgba(168,168,168,1) 57%, rgba(247,246,247,1) 97%, rgba(253,252,253,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424142', endColorstr='#fdfcfd', GradientType=0 );
          padding: 0px;
i used a http://www.cssmatic.com/ linear gradient as background for the div #nav and i also tryed to remove the background and still the problem remains,except on safari.
On fireworks cs6 preview in browser(chrome) it also works perfectly, its only wen i export it to dreamweaver it only works like the preview on Apple safari.

    PVII's Pop-Menu Magic2 (commercial DW Extension)
    http://www.projectseven.com/products/menusystems/pmm2/index.htm
    jQuery Superfish
    http://users.tpg.com.au/j_birch/plugins/superfish/
    jQuery Mega Menus
    http://www.javascriptkit.com/script/script2/jkmegamenu.shtml
    CSS3 Dropdown Menus
    http://www.red-team-design.com/css3-dropdown-menu
    10 Responsive Menus
    http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
Nancy O.

How do I reset the font drop-down menu?

In the font drop-down menu, all used fonts are listed on top of the rest. Now I got a long pile of used fonts, but only two fonts among them are most frequently used, and I want to keep only these two on top of the drop-down menu. How do I reset the list (clear the history)? Thanks.

Mine shows only the last 6 used fonts. Note that you can option click the fonts drop down menu to show them only by name, without their preview, thus saving you some space.

It won't let me share my movie. Nothing happens when I click "share" or even in the drop down menu. I don't get options. HELP! I need this video by tonight!

I have worked with iMoive a ton and have never had an issue. I consider myself pretty computer savvy. This new iMovie is not my friend. It will not let me share my new video. I click on the project and click "share" like it says but I don't receive any further prompt. It literally does nothing. I tried the drop down menu and I see the "share" with an arrow indicating there are options but no drop down menu appears. I need this video by tonight to submit for work. HELP!

I got it to share! No reloading iMovie!
I do not have Mackeeper on my laptop
I have the movie files on an external hard drive
1. Close out iMovie
2. Eject the external hard drive
3. Start up iMovie
4. Plug in the external hard drive
5. Go into finder and double click on the folder containing the movie
6. Select the movie as if to edit
7. Share it!
I hope this works for you too

Edge animate composition is not an option on insert media menu, and I subscribe to the cloud

edge animate composition is not an option on insert>media menu, and I subscribe to the cloud

If your product was installed via the Creative Cloud, you should be able to update it using the Creative Cloud. If your product was installed via other media (like from the DVD), you will not be able to update it using the Creative Cloud. Now that CC has launched, you might want to look at upgrading now and try it out now.
Thanks,
-Elaine

No HTML5 Video option in Insert/Media Drop down menu on DW, CS6

Similar Messages

Maybe you are looking for