CS6 - code for inserting own .mp4 into page

Report · Feb 16, 2022

Hi again ~

I've read previous posts about this but wondered if in 2022 things have changed. I've previusly had a video on there but took it off years ago. This was the code I used:

Wondering also if I need to link the windows media player, as I had with previous video - what would be the updated link?

Thank you very much.

Report · Feb 18, 2022

Let's cut the guess work out.

Create a new BLANK document and name it movie.html - then copy the below code, paste it into the new BLANK document, save it and then view it in a browser.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Movie</title>
</head>
<body>
<video width="400" controls="">
<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
</video>
</body>
</html>

Do you see the movie and does the movie play if you hit the play button?

If the answer is NO then you have an issue related to your set up/code. If the answer is YES you have an issue related to the mp4 file itself.

Report · Feb 18, 2022

If the answer is NO then you have an issue related to your set up/code. If the answer is YES you have an issue related to the mp4 file itself.
By @osgood_

fine deduction, I agree, but don't forget that there are still some server around that don't serve correctly mp4 and ogg, because of MIME Type, I found some last year... so @HelenLouise giving a try to add the .htaccess containing the MIME type definition, cost nothing to be tested.

Report · Feb 18, 2022

If the answer is NO then you have an issue related to your set up/code. If the answer is YES you have an issue related to the mp4 file itself.
By @osgood_

fine deduction, I agree, but don't forget that there are still some server around that don't serve correctly mp4 and ogg, because of MIME Type, I found some last year... so @HelenLouise giving a try to add the .htaccess containing the MIME type definition, cost nothing to be tested.

By @B i r n o u

Yes, I count that as a 'set up' issue, which needs to be addresed but the test gets us a little closer to the problem as I can't see anything on the page, that the OP provided a url to, which relates to a video.....humm.

Report · Feb 18, 2022

Can you upload your test page to your server and post the URL here?

That will help us help you much quicker.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Feb 18, 2022

Can you upload your test page to your server and post the URL here?
That will help us help you much quicker.

By @Nancy OShea

OP did but there's nothing relating to a video as far as I can see but hey I'm as blind as bat so maybe you can double check:

Hi osgood, yes, here is the page.

http://designdrawcad.com.au/Services.html

Report · Feb 18, 2022

Alas no video! And no re-direct to the secure HTTPS server. 😭

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Feb 18, 2022

The simplest way to insert video in a template child pages is from the Insert Menu.

1. Insert > HTML > HTML5 Video.

2. Open Properties Panel (Ctrl F3).

3. Use the fields to browse for media sources in your site folder.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Feb 18, 2022

I am not sure what you mean by opening the .mp4 file directly from my browser. I have attached it below.

By @HelenLouise

What I mean is, open your browser, then go to File > Open or hit Ctrl + O and browse to the .mp4 file on your computer.

That will open the mp4 in your browser without the html page.

If it doesn't run in the browser opening it this way, it would mean there is something wrong with the mp4 file itself.

Report · Mar 05, 2022

Hi everyone for all your time and help. Apologies, I haven't been able to get back to this issue till now as I've been following up server/settings issues which was the reason you all could not see the code properly and my page was not uploaded (new laptop). If any of you would still like to help me, I have compiled where I'm at below:

Yes, my video does play.

I have uploaded the page now and the video and the .htaccess file and now get the message "No video with supported format and MIME type found".

I've looked through another discussion about this https://community.adobe.com/t5/dreamweaver-discussions/problem-embedding-video/m-p/9576149 but I haven't been able to get it working.

osgood_ I did the movie test and it works.

Nancy OShea, I don't have the HTML5 Video option in the menu INSERT>HTML.

My page is http://designdrawcad.com.au/Services.html where you can now correctly see my code.

Thank you very much.

Report · Mar 05, 2022

Also, my server company asked me to check whether Adobe CS6 was TLS1.2 compatible. I believe (looking at this discussion thread https://community.adobe.com/t5/dreamweaver-discussions/tls-1-2-protocol/td-p/8815234), since my site uploads, it's not an issue for this.

Report · Mar 06, 2022

Update, it's working on my iphone, despite 'forgetting page' on Firefox, it's still giving me that message and in Safari, Chrome etc I see the poster and the play control but you can't use it.

Thanks again.

Report · Mar 06, 2022

Update, it's working on my iphone, despite 'forgetting page' on Firefox, it's still giving me that message and in Safari, Chrome etc I see the poster and the play control but you can't use it.
Thanks again.

By @HelenLouise

I think your mp4 file must be encoded incorrectly to allow it to be played in Chrome as it plays ok in Safari browser on Mac.

Report · Mar 06, 2022

Thanks osgood. It's not playing on browser from my PC although it does play from any browser I try on my iphone.

The .mp4 is automatically created from multiple .bmp files in MatrixGold, a jewellery CAD program. I will do more testing and look into it.

Report · Mar 06, 2022

Thanks osgood. It's not playing on browser from my PC although it does play from any browser I try on my iphone.
The .mp4 is automatically created from multiple .bmp files in MatrixGold, a jewellery CAD program. I will do more testing and look into it.

By @HelenLouise

I think you need to convert the files codec to H.264 - at the moment its MPEG-4 which I think Chrome doesnt support.

You can probably find a video convertor online if you search.

Report · Mar 06, 2022

If you go here:

https://video-converter.com/

Upload your current file and hit convert it will save it as H.264 encoded. Download the file and you're good to go.

Report · Mar 06, 2022

Perfect, osgood_ - that did the trick! Thank you so much for sticking with me!! Wizard!

Report · Mar 06, 2022

In complement of what propose @osgood_ … you can also download a tool that do a correct job localy, that will avoid to upload your first copy of video to be processed

http://www.mirovideoconverter.com/

Report · Mar 06, 2022

Thank you Lena - I tried that but my PC refused to run it due to security concerns (Windows 11).

I've done osgood_'s trick and I think it's all solved!

Report · Mar 07, 2022

@HelenLouise, what error, or dialog box did you get ? I've never heard about any issue with mirovideoconverter ! But that's true that I haven't investigate about it since W11.

Report · Mar 07, 2022

@Lena I downloaded the converter but Windows msg was that it wouldn't run it as it didn't deem it secure.

Report · Mar 06, 2022

There's no such thing as CS6 code. It's all HTML. However to suppor t<video> you must use the HTML5 doc type.

MP4 with <video> is recognized by all modern browsers; no ancillary players required.

EXAMPLE:

=========

<!doctype html>
<html lang="en">
<head>
<title>Video Demo</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

</head>

<body>

<video title="Your Video Title" poster="path/YOUR_POSTER_IMAGE.jpg" controls="controls" >
<source src="path/YOUR_VIDEO_FILE.mp4" type="video/mp4">
</video>

</body>

</html>

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Mar 06, 2022

MP4 with <video> is recognized by all modern browsers

By @Nancy OShea

Not if the mp4 file is encoded incorrectly.

Report · Mar 07, 2022

Not if the mp4 file is encoded incorrectly.

By @osgood_

==============

Well it's assumed that it is. And so is the MIME file type being recogized by hosting server. Failing that, the video won't work on any device.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Mar 07, 2022

Not if the mp4 file is encoded incorrectly.

By @osgood_
==============
Well it's assumed that it is. And so is the MIME file type being recogized by hosting server. Failing that, the video won't work on any device.

By @Nancy OShea

Never assume anything........in this particular case the file was encoded incorrectly and therefore only played in certain browsers until encoded correctly.

Report · Mar 08, 2022

Well it's assumed that it is. And so is the MIME file type being recogized by hosting server. Failing that, the video won't work on any device.
By @Nancy OShea

yes, that was my very first question when this thread start, and @HelenLouise told us that she placed the adhoc .htaccess online