You can also not use a HTML-Widget. Rather just use a DIV (Square symbol) and remove outline , overflow and background color. Then edit it with your Pen-Tool and add your iFrame in there:
iframe_hype_doc_max.hype.zip (16,3 KB)
Regards
PS: be carful if such “hotlinking” and hidding the source is allowed. I don’t think you will run into trouble but if you deploy this for a high profile customer with lot’s of exposure look into the terms of service if you can do this to avoid legal issues.
PPS: I didn’t change it on the mobil view.
PPPS: As I am on the road. I just remembered that I didn’t clean up your iFrame code. Basically you don’t need the height and width as attributes as they are set with CSS on the iFrame and also you can rather use a pixel height on the iFrame then percentages (use a higher value then your video footage to put the controls out of the view). That way working with the negativ margin to position the player becomes easier.