10 Replies Latest reply on Jun 6, 2016 4:00 PM by BenPleysier

HELP ME update .html for Quicktime 7 problem

gator soup Jun 4, 2016 5:03 PM

As a webmaster, I have a lot of .html web pages that display "Missing Plug-in" on my embedded .mov movies -- and I need to learn how to fix the issue in the source code.

For example, on lhis link:

http://www.gballard.net/gary_stokes/#multimedia

I get this error:

I know the problem is related to Apple's dropping support for Quicktime 7 in Windows and recent OSes, and I know how to restore the plugin in Safari on a local machine.

Further, I read:

If your web browser says that it's missing the QuickTime plug-in - Apple Support

and its HTML/Elements/video on W3.org

What I need to know — with my extremely limited programming knowledge — are very simple, basic steps how to update my pages so my .mov movies play on .html pages, I'm using GoLive CS2... thanks.

1. Re: HELP ME update .html for Quicktime 7 problem

Nancy O. Jun 5, 2016 9:57 AM (in response to gator soup)

Your best option is to convert MOV files to MP4. Switch to HTML5 <video> which uses the browser's native player. No messy installations or extra plugins required. MP4 is supported by all devices now.


<video controls poster="Your_Poster_Image.jpg">
<source src="YOUR_VIDEO.mp4" type="video/mp4">
</video>


Nancy O.
1 person found this helpful
Like Show 0 Likes(0)

Actions
2. Re: HELP ME update .html for Quicktime 7 problem

Nancy O. Jun 5, 2016 10:10 AM (in response to gator soup)

Oh, I missed the bit about GoLive. That's ancient software by today's web standards. I don't think it supports HTML5 code. It's fair to say you've outgrown GoLive for modern web site development. It's just too old to be of much value to you.

Dreamweaver CC supports modern code in HTML5. And you can easily insert <video> from the Insert Panel. See screenshot.

If you can't or won't buy a subscription to the Creative Cloud (the only way to get Dreamweaver now), you can download Brackets (it's free). As a code editor, Brackets is infinitely better than CS2 GoLive.
Brackets - A modern, open source code editor that understands web design.

Nancy O.
1 person found this helpful
Like Show 0 Likes(0)

Actions
3. Re: HELP ME update .html for Quicktime 7 problem

pziecina Jun 5, 2016 11:43 AM (in response to gator soup)

Hi

One other possibility, depending on the copyright of the video files, would be to move them all to a video site such as YouTube, then insert them into your site using an iframe.

PZ
1 person found this helpful
Like Show 1 Likes(1)

Actions
4. Re: HELP ME update .html for Quicktime 7 problem

gator soup Jun 5, 2016 2:39 PM (in response to Nancy O.)

pziecnina - right now uploading a couple dozen of my original movies to youtube is not an option.

Nancy O. - I have a couple hard licenses of Dreamweaver CS6 installed on Macs, but honestly the learning curve keeps me from using it and updating my sites with it. It's the same learning curve that's kept me from FireWorks. Yes, I'm an old dog set in his ways.

My .html pages use and depend on tables to control my layout, example:
http://www.kumeyaay.info/multimedia/fire_fighting/

I guess there is no simple way of converting my existing GoLive pages to HTML 5 standard by simply replacing a few lines of code?

Short of rebuilding the 30 or so pages of .mov content in an app I would have to learn?

I'm afraid I will just let these pages become useless.

++++++++

But what approach might you take on rebuilding that portfolio (if you have any more time to spare)?
Like Show 0 Likes(0)

Actions
5. Re: HELP ME update .html for Quicktime 7 problem

gator soup Jun 5, 2016 2:43 PM (in response to gator soup)

Switch to HTML5 <video>

In other words, would I be able to paste in that code to my existing pages to convert them to HTML5 (or would I have to rebuild the pages from scratch)?
Like Show 0 Likes(0)

Actions
6. Re: HELP ME update .html for Quicktime 7 problem

Nancy O. Jun 5, 2016 3:49 PM (in response to gator soup)

You need an HTML5 doc type which is much simpler than old X/HTML code..

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Unique Page Title </title>
</head>
<body>
YOUR CONTENT GOES HERE
</body>
</html>

These days people don't use tables for layouts. It's all CSS and responsive for a better user experience across multiple devices (mobile, tablets & desktops). 30 pages is nothing much. I've rebuilt sites much, much larger than that It just requires patience & perseverance.

Nancy O.
1 person found this helpful
Like Show 0 Likes(0)

Actions
7. Re: HELP ME update .html for Quicktime 7 problem

BenPleysier Jun 5, 2016 4:26 PM (in response to gator soup)

If I had time constraints for learning and or creating a new site using HTML5 then I would
1. Using search-and-replace to replace
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
with (as per Nancy's suggestion)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
This will start you off on the HTML5 path
2. Upload all of your .mov files to YouTube as per Paula's suggestion
3. Follow the instruction given at Embedding Youtube Videos as "Audio only" clips | Drupal.org

Not only will the audio files work in all browsers, you will also be set to continue using HTML5 on further developments/modifications. To see which elements of your document do not adhere to HTML5 go to [Invalid] Markup Validation of http://www.gballard.net/gary_stokes/ - W3C Markup Validator, remembering that, if your site works, there is no great pressure on when you should rectify the code.
2 people found this helpful
Like Show 0 Likes(0)

Actions
8. Re: HELP ME update .html for Quicktime 7 problem

Nancy O. Jun 5, 2016 4:59 PM (in response to BenPleysier)

I believe the OP is using video here not audio.

But I agree, YouTube or Vimeo will have 2 major benefits.
1) hosting the media on their fast dedicated streaming servers.
2) no excess bandwidth for you to carry on your own server.

Change is hard. The web changes so fast these days, at some point it's essential to give up old habits and look at new ways of doing things. We all struggle with this. Once you get over the initial hurdles, it's often much less painful than imagined.

Nancy O.
2 people found this helpful
Like Show 0 Likes(0)

Actions
9. Re: HELP ME update .html for Quicktime 7 problem

gator soup Jun 6, 2016 8:57 AM (in response to Nancy O.)

great info all around -- better (more concise) than anything else i could find searching

i had hoped there would be a simple few sections of code swapping that would [1] resolve the QuickTime problem, [2] keep my existing layout working in place, and [3] keep me from having to rebuild the problem pages from scratch

now i have an answer, that it is not possible

thanks again...
Like Show 0 Likes(0)

Actions
10. Re: HELP ME update .html for Quicktime 7 problem

BenPleysier Jun 6, 2016 4:00 PM (in response to gator soup)
Don't give up that easily. It will not take much time and effort at all. Referring to the steps I proposed
Search and replace will take 30 seconds
Upload all of the videos/audios; your time 1 minute, wait time a couple of hours.
Copy and paste the same code into each document and change the URL variable related to the file, 30 mins.

In less than an hour of your time you have working code using your existing layout.
1 person found this helpful
Like Show 0 Likes(0)

Actions