[Mike Smith]

HTML5 is far from an agreed or finalized specification. https://dev.w3.org/html5/spec/Overview.html The video file formats / codecs have been the source of some controversy. https://en.wikipedia.org/wiki/HTML5_video and https://en.wikipedia.org/wiki/Use_of_Ogg_formats_in_HTML5
Also of use may be
https://developer.apple.com/safari/library/technotes/tn2010/tn2262/index.html

[Mike Smith]

The key to the look is the big background image
https://www.jasminestarblog.com/images/toc/content-bg.jpg

which is 1450 wide by 1300 high. I think if you look at in photoshop you will see how you could make a version to suit your ends. A couple of gradients and maybe a line could produce a page-fold look. A pale grey background would give you room to use a whiter highlight area. You could blend in layers with text and images using semi-transparent masks …

Why not post us what you come up with ?

[Mike Smith]

Your client really might do well to try to get the network people on board, to safeguard whatever network concerns they have. They will have to accept the bandwidth implications if the video is to be used.

Using a windows media format won’t really do anything to ease bandwidth concerns.

There may be some confusion over streaming and downloading video. You really need to be able to do one or the other for the users to see the video. Streaming is frequently used to mean that the video starts playing – and is viewable – early in the file download process, rather than having to download the complete file and then play it locally.

Flash video streamed from a specialist Flash server (running Adobe Flash Media Server) can be configured to make it hard to download and keep the complete video (though a determined person with the right tools will probably break this).

[Mike Smith]

That page is essentially html. The one flash element I can see is the static, rotated image towards the bottom, by the latest engagement headline. You can also rotate images in Photoshop or any other image editor.

Software to use for web design, wow. That opens up a lot of preference questions.

You will need some kind of web layout software. Dreamweaver is Adobe’s current heavyweight offering and has its advocates, though it is pricey. This might start you off
https://en.wikipedia.org/wiki/List_of_HTML_editors
https://webdesign.about.com/od/htmleditors/HTML_Editors_Web_Page_Authoring_Tools.htm

Xara has a wysiwyg offering at which will allow you to design a page look as you like and produce more-or-less standards compliant outputs. Not free. https://webdesigner.xara.com/

Photoshop or Illustrator could be good for preparing graphics.

[Mike Smith]

Well it looks like the issue is in your tables code. Are you using anything to force the images in individual cells to match cell dimensions / are you sure your padding is turned off / on at least one of your rows, you appear to have switched width and height, which would break your alignment …
<td width="68" height="70"><img src="../img/team_sm_06.png" width="68" height="70" /></td>

[Mike Smith]

If you are doing those hours as an employee, all of them are “on the clock” and it depends on your deal with your employer on hours / flexibility / overtime.

If you are a business and you do all that time for no charge, the long term doesn’t look good. Though if you find you lose all your pitches to producers more local to your clients and you think travel costs make the difference, then you’d have something to think about .

[Mike Smith]

Abraham’s javascript approach is a good one, if it doesn’t matter too much to you if a few people get past.

But Javascript approaches, while neat, can be easily sidestepped by users turning off javascript in the browser – and of course some users do not have javascript in their browsing device.

If you really want the page to be hidden except via one link, you’ll need to make sure you hide it from search engines so far as you can, with the robots txt approach (which is at least partly effective), and you’ll need to use e.g. .htaccess to make people log in. You might be thinking about trying to avoid cached copies as well, perhaps with a nochache approach – but as usual, absolute security is a problem, and the harder you try to reach it the more hurdles you put up for your users.

https://en.wikipedia.org/wiki/Robots_exclusion_standard
https://www.javascriptkit.com/howto/htaccess.shtml
https://www.htmlgoodies.com/beyond/reference/article.php/3472881/So-You-Dont-Want-To-Cache-Huh.htm
https://en.wikipedia.org/wiki/Referrer_spoofing

[Mike Smith]

A bit less than it would cost them to redo it themselves ….

[Mike Smith]

You could use javascript to change the css display status from none to block, and back again.
These might bet you started
https://www.wallpaperama.com/forums/javascript-how-to-show-and-hide-content-onclick-expand-appear-disapear-link-t1055.html

https://www.cssnewbie.com/showhide-content-css-javascript/
https://www.developertutorials.com/tutorials/javascript/hide-display-content-demand-050512/page1.html
https://www.developertutorials.com/tutorials/javascript/hide-display-content-demand-050512/page1.html

[Mike Smith]

My vote goes with Fernando and the use-both approach. For a business site, it looks better to have internal hosting, a slick player perhaps custom-designed for the business, and a neat, effective and easily-updatable set of cptions and choices. But there’s no reason why doing that well would prevent anyone from also doing anything on youtube or via other social media sites.