Helpers ? Video html setup in BBedit

[Andrew Dewar]

Hi,

Can anyone help me get set up with a html video in bbedit?

Never done it before and wanted an expert to help me get set up?

The code I have used is not correct and not sure how to resolve.

its a .mov (a screen recording of something I want to launch online).

Any takers?

Thanks a lot guys.

Andi

[MediaMouth]

The .mov is likely to be a problem.  Browsers are generally fluent with h.264 or h.265 media in an .mp4 wrapper.  Not that .mov files will always fail, but they are much more likely to.

Simply changing the extension is not enough.  If your files are wrong codec or wrong wrapper, you'll need software other than BBEdit to do the transcoding.

On Feb 25, 2021, at 12:36, Andrew Dewar <andi.dewar...@gmail.com> wrote:



--
This is the BBEdit Talk public discussion group. If you have a feature request or need technical support, please email "sup...@barebones.com" rather than posting here. Follow @bbedit on Twitter: <https://twitter.com/bbedit>
---
You received this message because you are subscribed to the Google Groups "BBEdit Talk" group.
To unsubscribe from this group and stop receiving emails from it, send an email to bbedit+un...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/bbedit/0cb404e0-122f-4888-ab86-2ca69f8d5d0cn%40googlegroups.com.

<Screenshot 2021-02-25 at 21.34.01.png>

[Gerald Davenport]

Well, the thing I learned is: put your video up on vimeo, and if you have to youtube, vimeo is far superior, anyway, and let them host it and just use the embed code.

https://www.geralddavenport.com/film-video-tv/film-video-tv-portfolio/

BUT, if you want to host the videos on your server, or somewhere else, other than a video service, then the code is:

<div class="video-container">

 <video width="480" height="720" poster="dtA/dtA_1_dtA.png" controls="">

   <source src="dtA/dtA_1_dtA.mp4" type="video/mp4">

   <source src="dtA/dtA_1_dtA.ogv" type="video/ogg; codecs="theora, vorbis">

  </video>

</div>

the code requires the type, from my experience, and then the media needs to be in that type. there is no type for mov. they need to be converted to mp4.

--

This is the BBEdit Talk public discussion group. If you have a feature request or need technical support, please email "sup...@barebones.com" rather than posting here. Follow @bbedit on Twitter: <https://twitter.com/bbedit>
---
You received this message because you are subscribed to the Google Groups "BBEdit Talk" group.
To unsubscribe from this group and stop receiving emails from it, send an email to bbedit+un...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/bbedit/0cb404e0-122f-4888-ab86-2ca69f8d5d0cn%40googlegroups.com.

Byers is committed to protecting your health and safety with a Virtual Consultation.

Reviews on Google • Give Us Feedback

We are here to help you Stay Safe!

[Andrew Dewar]

Hi Harvey / Gerald.

Thanks a lot for your reply - Harvey - I just found out iMovie does a conversion to mp4. I've got iMovie working on that now to download, thanks for the tip.

Gerald - many thanks for the code and I have copied and pasted it into the html page. I'm not fully clear though of your meaning about the code requires 'type' - what do you mean by this term? I have only just recently got into coding as well so I'm a newbie to this. Lots still to learn.>)

This is the updated code now from html page attached here- do you think it looks like it will work? Where will I put the video name of the file into the code can you help highlight in bold for easier understanding? The file is called PRESENTATION.MP4 now (once iMovie finishes downloading the file).

Really thanks so much for your help really appreciate it - once I get this set up I can save the template and I am all set for future video.mp4 inserts I create.

Andi

[Andrew Dewar]

Hi Gerald,

I was testing some stuff and this didnt work for example. Feeling a bit confused here...What went wrong here?

Sorry to trouble you...

Andi

[Gerald Davenport]

On Thu, Feb 25, 2021 at 2:16 PM Andrew Dewar <andi.dewar...@gmail.com> wrote:

Hi Harvey / Gerald.

Thanks a lot for your reply - Harvey - I just found out iMovie does a conversion to mp4. I've got iMovie working on that now to download, thanks for the tip.

Gerald - many thanks for the code and I have copied and pasted it into the html page. I'm not fully clear though of your meaning about the code requires 'type' - what do you mean by this term? I have only just recently got into coding as well so I'm a newbie to this. Lots still to learn.>)

ANDI!!

I just tested it and apparently you do not need the type="video/mp4"

it is working for me without that tag.

 <video width="480" height="720" poster="link-to-still-image.png" controls="">
   <source src="Byers-33rd-Anniversary-Promo-235.mp4">
  </video>

 

This is the updated code now from html page attached here- do you think it looks like it will work? Where will I put the video name of the file into the code can you help highlight in bold for easier understanding? The file is called PRESENTATION.MP4 now (once iMovie finishes downloading the file).

The code looks fine, HOWEVER replace the video file name with yours and the correct directory. if the html is in the same folder as the video file then you can do what I did with byers. but if it is in a different folder you need to put that in the path.

remove the ogv if you do not have an ogv file.

and for the poster tag, which is a still image/thumbnail of the movie, you also want to make sure your path to that file is correct. similar to your figure tag, which I am not sure you need, if you put it in the video tag using the poster.

To view this discussion on the web visit https://groups.google.com/d/msgid/bbedit/527488a1-df69-4953-8895-64d6e8a73546n%40googlegroups.com.

[Gerald Davenport]

this means that the mp4 is may not be a proper mp4.

I ran into this as well.  you may need to download handbrake (https://handbrake.fr/)

the code looks good enough that it should work, if the video file was correct.

you did not get an error saying it could not find it, it just could not run it.

To view this discussion on the web visit https://groups.google.com/d/msgid/bbedit/2082062e-8232-45cc-ad53-9433b2c5202cn%40googlegroups.com.

[Andrew Dewar]

Hi Gerald.

I got that message on the webpage when I refreshed it that I sent in the previous message. Even after I changed the code again to the shortened one you gave just now and it still doesn't work the video file when checking the webpage. Would a mp4 file from iMovie work though? I thought that would be a reliable source with it been from Apple? Or is handbrake necessary?

I feel a bit stuck here....once its resolved I can save the template and use it for loads of other things but this is breaking my head in two this as I cant advance! lol

Oh dear lord <(...

[Gerald Davenport]

give handbrake a try on the video file. I am 99.9% surew that is the issue you are having at this point.

- gerald

To view this discussion on the web visit https://groups.google.com/d/msgid/bbedit/79574387-a999-4011-98bb-f1804404bdf4n%40googlegroups.com.