Video files in Dreamweaver?
Hi there,
What video file would you recommend to upload so that at least 90 per cent of people can view my vides when they hit play? Also, is it pretty easy to add videos?
Steve
Flash video for the majority. HTML5 and .mp4 for those devices that lack Flash support.
See Pickle Player
http://www.pickleplayer.com/about.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
Similar Messages
-
How can I create a pop up window for a Windows Media video file in Dreamweaver CS6?
I have a Windows Media video file on my homepage that plays automatically when you go to the website. I'd like to change my homepage. I now would like to place text that says "click here to play the video" and I'd like a pop up window to open and play the video. I'm using Dreamweaver CS6. Your help will be appreciated. Thanks.
BlueSapphire777 wrote:
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
Is the code you told me about (above), is it necessary for older browsers such as ie8? I thought you were saying it was for the HTML5 tags and I wasn't sure I'd bother with it. If it helps people with ie8, I probably should add it.
I include it (or a link to a localized copy of the file) by default now.
To truly support the ancient browsers out there, you'd likely need something like...
<video width="500" height="500">
<source src="video.mp4" type="video/mp4" />
<source src="video.ogv" type="video/ogg" />
<source src="video.webm" type="video/webm" />
<object width="500" height="500">
<param name="movie" value="video.swf" />
<embed src="video.swf" width="500" height="500"></embed>
</object>
</video>
I don't bother with a Flash fall back for old browsers though. I just put in text letting the viewer know they're behind the times pretty severely, like...
<video width="500" height="500">
<source src="video.mp4" type="video/mp4" />
<source src="video.ogv" type="video/ogg" />
<source src="video.webm" type="video/webm" />
<p>Your browser is horribly, helplessly and hilariously outdated. Visit <a href="firefox.com" target="_blank">www.firefox.com</a> to download something better, more secure, modern, worthwhile, etc, etc...</p>
</video>
For junky old browsers that can't see any HTML5 (which the <video> and <audio> tags are), they get a text message to get something better and a link to go there. -
I am wanting this to improve the initial download speed of the page. I have already added a Poster Frame to video's, however it still seems to be loading the video file and just autoplaying. Is there a way to NOT load the video file until the person hits play? This is the AS3 script I used...
import fl.video.VideoEvent;
myPoster.addEventListener(MouseEvent.CLICK, playMovie);
function showPosterFrame(event:Event):void {
myPoster.visible = true;
function hidePosterFrame(event:Event):void {
myPoster.visible = false;
function playMovie(event:MouseEvent):void {
myVideo.play();
myVideo.addEventListener(VideoEvent.PLAYING_STATE_ENTERED, hidePosterFrame);
myVideo.addEventListener(VideoEvent.COMPLETE, showPosterFrame);
I am using Dreamweaver to put the pages together via the Insert - Media - Flash...then putting the .swf file in the page.
Thanks,
Arguiloyou can start the video and then stop it. it will continue to download (which you can monitor). when the time is right, you can enable the video's play button. before the video's ready to start, you can entertain your users.
-
How do I get an MP4 video file to autoplay instead of download
I am using Dreamweaver CS5.5. I am trying to embed an .mp4 video on my website to autoplay. When I take it to "Live View" the file plays - if I use the "Play" function in Properties I get the following message - "Unable to find the plugin that handles this media type. Dreamweaver looks in both the "Configurations/Plugins" folder, and the plugins folder for each of your selected browsers." When I publish the page and go to my website to view, the video does not play - instead, the file downloads to my computer. What can I do to remedy this issue?
Autoplay is not universally supported by all devices. Many smatphone data plans can't handle the burden of preloaded and auto playing media. There's nothing you can do to change this b/c mobile devices simply ignore the parameter. All that said, why are you still using player plugins? You don't need them with HTML5 video.
Copy & paste this code into a new, blank document. Change video files to your own.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 with Video</title>
<!--help for older IE browsers-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<style>
video {
max-width:100%;
display:block;
margin:0 auto;
</style>
</head>
<body>
<h2>Use 3 File Types to support all browsers & mobile devices: MP4, WEBM and OGV.</h2>
<h3>Online Video Converter
http://video.online-convert.com/</h3>
<!--begin video-->
<video controls poster="Your_poster_image.jpg">
<!--these are 6 sec sample videos for testing purposes. Replace sample-videos with your own files-->
<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">
If you're seeing this, you're using an
outdated browser that doesn't support
the video tag. </video>
<!--end video-->
</body>
</html>
EDIT: I forgot to move the closing </head> tag in my original post.
Nancy O. -
How to add a video file into an html page
I would like to add a Quick Time video into a website that i am currently coding for a school project. I have the video file on my hard drive, so I'm not trying to embed it from YouTube. I have tried several ways of placing the video into my webpage, but all I can hear is the sound from it, there is no visual to go with it. Does anyone know how I would go about placing the file into my webpage, or what code I would need to use? I'm using Dreamweaver CS4 and, once again, the video is a Quick Time file.
Thanks in advance.QuickTime requires player and plugins that most people don't have. You'll reach a much wider audience if you use HTML5 <video> with mp4, webm and ogg files.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 with Video</title>
<!--help for older IE browsers-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<style>
video {
max-width:100%;
display:block;
margin:0 auto;
</style>
<body>
<h2>Use 3 File Types to support all browsers & mobile devices: MP4, WEBM and OGV.</h2>
<h3>Online Video Converter
http://video.online-convert.com/</h3>
<!--begin video-->
<video controls poster="Your_poster_image.jpg">
<!--these are 6 sec sample videos for testing purposes. Replace sample-videos with your own files-->
<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">
If you're seeing this, you're using an
outdated browser that doesn't support
the video tag. </video>
<!--end video-->
</body>
</html>
Nancy O. -
I've created an animation .swf file in Flash and inserted it on a new webpage. When I go to view it in live mode, it's blank. When I view it in the IE browser I keep getting a message that I need a newer version of Adobe Flash player, which is not the case, and even going through the install process doesn't help. When uploaded, it doesn't appear on the webpage. This is Dreamweaver in the CS6 release on a Windows 7 64 bit system. The animation file runs fine when viewed from the original folder, but does not funciton (blank screen) when opened from the copied file Dreamweaver puts in the site folder. Can anyone offer any suggestions? Also, is there a way to loop a .flv file? This could be a work-around if I can't resolve the .swf issue.
Thank you in advance for any help you can offer.
MarkHi Jon,
Unfortunately not. The website is actually an HTML module logded in a third party program. Even in the development stage though I can't see the .swf file in either the live mode or by viewing with IE. Flash video files play fine as have the other graphics I've incorporated. It seems like a file is missing to make the .swf animation work properly. When I copied the file over from the original folder, Dreamweaver also placed "expressInstall.swf " and "swfobject_modified.js" in a scripts folder. I'm wondering if there should be another or different file to make this work.
Mark -
Flash SWF with Video file will not play in web page
Hello Flash group,
I have created a flash video file from a *.wmv file.
myvideo.flv.
I have used flash to build an swf file that plays the video
(with a default skin).
I have then imported the media file into an html page using
Dreamweaver. I did not import the flv file, but the swf file with
the "video" in it.
The page plays find on my development server (where
Flash,Dreamweaver, etc is installed).
When I moved the html page, the flv file, the swf file and
the skin to my production webserver (linux and apache)
the flash files do not show up on the web page. The dev
server is a windows XP running apache 2.2)
Any ideas on what I need to do???
thanks,
eholz1It may cause by any of the reason below:
- You have uploaded the flv file to the wrong directory
- Your flv file path/name is incorrect. check all case
sensitive etc.
- Your web server doesn't support FLV MIME type.
Another similar topic here:
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=15&catid=194&threadid =1263131&highlight_key=y&keyword1=MIME
Hope it helps. -
Resizing FLV files in Dreamweaver CS3
Hello,
I am adding videos to my websites' "videos main page", and these extra videos are going to be added to the videos currently in the flash player. I have already copied the jpg preview picture files and the flv video files into my website directory. To contain the extra data, I have already added the appropriate number of <li>'s to the index.html file of the videos folder. For each new video I have also added an <img src="...."> line to the images.xml file. The images.xml file has information regarding the id, location etc..of every video in general. It is shown below.
images.xml file:
<?xml version="1.0" encoding="UTF-8"?>
<gallery>
<album id="videos" title="CBET Videos" description="CBET Video Gallery"
lgPath="video_gallery/album1/videos/">
<img src="2g_robotics.flv" id="2g_robotics" vidpreview="video_gallery/album1/videos/2g_robotics_preview.jpg" caption="2G Robotics"/>
<img src="clearpath.flv" id="clearpath" vidpreview="video_gallery/album1/videos/clearpath_preview.jpg" caption="Clearpath"/>
<img src="medshare.flv" id="medshare" vidpreview="video_gallery/album1/videos/medshare_preview.jpg" caption="Medshare"/>
<img src="nalion.flv" id="nalion" vidpreview="video_gallery/album1/videos/nalion_preview.jpg" caption="Nalion"/>
<img src="mbetcommercial.flv" id="mbetcommercial" vidpreview="video_gallery/album1/videos/mbet_commercial.jpg" caption="MBET Commercial"/>
<img src="ocecbetcommercial.flv" id="ocecbetcommercial" vidpreview="video_gallery/album1/videos/oce_cbet_commercial.jpg" caption="OCE CBET Commercial"/>
<img src="bostontrip08.flv" id="bostontrip08" vidpreview="video_gallery/album1/videos/boston_trip_08.jpg" caption="Boston Trip 2008"/>
</album>
</gallery>
The only issue that I have, is that the videos themselves display in the player at a much smaller size, than the container size. I bet you could fit a three by three array of videos in my flash player. The first four img src lines are the videos that play at the correct size, and fill the flash player container, whereas the last three img src lines (the ones I added) are the videos that do not display at a correct size.
Is there any way that I can resize the flv files so that they fill the container within the flash player in Dreamweaver CS3? I primarily assumed that one can simply change the pixel dimensions (width and height) properties of the flv file itself, but apparently this is an issue regarding formatting in Dreamweaver. Online I found that one can specify pixel dimensions in the images.xml file. Does anybody have any ideas? Its probably an easy thing.
Thanks to everyone for coping with these details, and any help would be appreciated greatly.
kind regards,
Mr.VHi
There are a number of ways you may do this, the first would be to use the scale parameter for the flash player content, but the problem you will find is maintaining the aspect ratio and if your flv's are smaller the degradation in the quality when 'enlarging', see - http://kb2.adobe.com/cps/141/tn_14149.html.
The second way would be to use a combination of actionscript and javascript to proportionally 'enlarge' the flv, again the above problems apply.
Finally you could change the size of the flash player to fit your 'new' flv using javascript, but this method would in all probability present layout problems for your user, a small change would be o/k, but the size of change you are talking about would not. The design would have to incorporate a fixed size div for the flash player, and resizing the player would leave a large amount of white space.
It is possible to do this using a liquid layout, but again this would cause problems with page rendering.
PZ -
Enable video file and image file thumbnails WITHOUT enabling thumbnails for other filetypes
Hello. I am new to Mac and pulling my hair out at some of the limited UI options
I am wanting my image-files and video-files to appear in Finder (desktop etc) as thumbnails
However, I DON'T want PDFs, Excel, Word, PowerPoint files to have a preview thumbnail
Basically how things are now either way, it's very cumbersome visually to distinguish between file-types while cruising around my folders with a quick glance.
if thumbnail previews are on for all, its hard to tell at a quick glance which are PDFs, Excel files vs. images
similarly, the little "pdf" or "xlsx" or "docx" text overlay on these previews is so small and non-color coded as to be useless for quick-glance recognition of which filetype
if thumbnails are off, it's impossible to glance at files in a folder and know which image or video each is without wasting my precious miliseconds clicking on them, or trying to actually read truncated filenames
Here are some possible solutions which I hope somebody knows how to do:
globally enable or disable icon previews by filetype (preferred)
stipulate adding overlayed mini icons to certain filetypes
example: if it's a pdf, show the icon preview, but overlayed on that would be the red Adobe pdf icon/logo roughly a quarter of the size of the file icon (like is possible in Windows 7).
this way image and video previews can be seen at a glance, but having a big red or green or blue logo makes for immediate recognition of filetype
(least prefered but could help) ...somehow change the font color and increase the font size of the overlayed "pdf" "xlsx" "doc" "pptx"currently standard on these filetypes while showing icon preview but ALL are miniscule black text no matter which filetype
I'm quite dumbfounded right now that something for better immediate-glance filetype recognition isn't standard, or at least easily Google'able. All I've found is the Either/Other bamboozle.
Would love it to hear of a solution for this. Thanks all.Put all of your separate flash movies into one move, and then
use flash to
load the movies into a top section of the flash document.
Your site (this page) sounds like it would be best viewed
entirely in Flash
(at least easiest w/o reloading).
Jon
"zachmundy" <[email protected]> wrote in
message
news:earmgn$q95$[email protected]..
>I have a bunch of flash videos that i've created
thumbnails for. I have
>one
> big cell on the top of the page that displays a video
and a bunch of small
> cells below that hold the thumbnails and descriptions of
other videos.
> When a
> user clicks on one of the videos, I want it to load that
video into the
> large
> cell on the top of the page all without
regenerating/refreshing the page.
> Is
> this possible in dreamweaver? What do I need to code the
thumbnail
> buttons to
> do in order to make this happen?
> Thanks
> -
Adding a .flv file into dreamweaver
I'm wondering how I can put a .flv file into a web page. It
is not a .swf. I'm working with Dreamweaver MX 2004.
When I put my .flv video into the page, it refuses to accept
it when I want to preview. Any suggestions? Source plugins required
or something? Also, I'm working on a Mac.
The .flv file is mine, not created in flash, but pulled back
from daily motion.com where it was compressed by their servers and
is an .flv file. Is this doable?Edmond4 wrote:
> Actually, I've been looking, and I don't have the option
of "insert Flash
> video" in my version of Dreamweaver. Initially, there
was some mention of a
> plugin. I try and get that warning popup again to see
what it says but I don't
> get it now.
>
> If I do insert "Flash" then I put the .flv file in. It
gives me the option to
> "play" in the property inspector, but the file doesn't
play, nor if I preview
> in the browser. So I don't have the "Insert < flash
video" option in my
> version of DW.
You need a Flash file to load the Flash Video file, they are
not the
same. See this
http://www.jeroenwijering.com/?item=JW_FLV_Player
Steve -
Video Contrast in Flash Video Poor in Dreamweaver Playback
I am using Flash Professional 8 and Dreamweaver 8 to maintain a website. I have just started using flash to show video highlights from high school football games which I record. Using iMovie I export the video as quicktime file and then import to flash to convert to a flash video file to post on the web site. The video coming out of iMovie has very good contrast and the quicktime movie has the same good contrast. When looking at the file in Flash the contrast changes dramatically. I becomes washed out. I am using Max OX 10.6 operating system. I am new to flash and need some help?
Thanks doghouseJim, tried AVI & MP$ still no improvement. Sometime is
happening in the conversion process from the iMovie file to flash
format.
Bruce -
Video plays in Dreamweaver but not on Website
I inserted flash (.flv) video clips in dreamweaver cs6 and when previewed in dreamweaver, works with all browsers (chrome, safari, and firefox). I uploaded the files to my website and none of the videos work. I've been troubleshooting this issue for several days and lhave not found a solution. I desperately need help.
I'm kind of surprised anything works. Among other things, you have no doc type declaration on the first line.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.stjamesbaptistchurch.com%2Fte stsite%2Findex.htm
MM Rollover menus were/are a total train wreck. Adobe removed them from CS5 onwards.
As Murray already said, APDivs are pure poison in primary layouts, etc...
In short, this site could use a good re-build with modern, standards compliant code and an HTML5 video player.
Nancy O. -
Where are the sample files for dreamweaver cs 5.5 on Adobe TV?
where are the sample files for Dreamweaver cs 5.5 on Adobe TV? video says there there, but there not! Video even shows where to find them, but there still not there! Were they just to big for Adobes servers to handle so the had to take them down to make space? : ) Please help, could really use them. Thanks! : )
CS5.5 is now 4 versions behind CS6, CC and CC2014.
This tutorial was written for CS5 and it works with CS5.5. You'll find the supporting files for it under Sample Files on the right.
Building your first dynamic website – Part 1: Setting up the site and database | Adobe Developer Connection
Nancy O. -
Hello, all.
I have some MPEG-4 video files linked to buttons on a Dreamweaver (CS3) page -- which I want to come up as QuickTime movies that play on a new page within the site. What they do, however, is DOWNLOAD to the user's hard drive upon clicking the button -- which I DON'T want.
Any suggestions about how to correct this are warmly appreciated.Unfortunately, that's how video links work. You link to the file, it downloads to client's temp files and launches in the helper application or default media player. If client doesn't have QT, some other player will launch or if they don't have the appropriate plug-ins installed for their browser, nothing will happen.
You would be better off converting to Flash Video (FLV) and using progressive download aka pseudo-streaming instead of a direct link to media file. It's a much nicer user experience because the file need not fully download to begin playing, and Flash media is a heck of a lot smaller in filesize than MPEG-4. More importantly, Flash media players come pre-installed on almost every new computer these days. QT player does not.
Video Streaming Overview -
http://www.mediacollege.com/video/streaming/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com -
How do I find the size of a video file in iTunes store?
Is there any way to find out how big a video file is before I download it to my computer? I see that movies show the file size in the product description, but what about episodes of a TV show? Or a complete season? Or a video in iTunes U?
I tried "right clicking" (or whatever that's referred to on a Mac, sorry, I just recently got my Mac) to get info on a few files, but it says the size is unavailable. I have an iPod Touch I'd like to get videos for, but I don't have a ton of space after putting all my music on it, so that's why I'd like to know the file sizes in advance.You can figure for a 1 hour TV show - about 40-45 minutes of video - you will have a file size of about 450-550 meg.
A movie such as Pirates of the Carri..... will weigh in around 1.6-1.8 gig.
MJ
Maybe you are looking for
-
Is there a way to do a global font change in iWeb '09?
Hi, I inherited a web site, created in iWeb '09. I've got the site files on my Mac ... when I start iWeb, and select a page to edit, it complains: The following errors occurred while trying to open this page: Missing Font TrajanPro-Regular Missing Fo
-
Since installing the recent security patch I am getting the spinning colour wheel on almost every keystroke in Finder and in Gmail. Any way to speed up - or is this the result of the new security measures?
-
Configuring oracle 11g and Appl.server
hello we are beginners and need some step by step guide to step our database envirnonment. Since we have been working in an obsolete database(8i & dev6) we are switching to the new version and hence unable to proceed . 1. Installed oracle 11g on a se
-
Acrobat can't open PDF files on iMac
I am unable to open PDF files with my computer ever since the hard drive crashed and I had to replace it and use Time Machine to reinstall everything. I receive the following message, "You can't open the application Acrobat Reader 5.0 because PowerP
-
Can I invoke Oracle Form from web page?
Does anyone know how can I invoke an Oracle Forms form from an html page?