Александр

1. В том, что type="button" не отправляет формы.
   
2. В том, что у вас событие по клику на эту кнопку, судя по всему, уже превентировано.
   

Никак, только лишь скриптом выявлять мобильные браузеры и добавлять ссылку только для них.
detectmobilebrowsers.com
https://github.com/kaimallea/isMobile

PS последней версии поддерживает монтажные области. Видимо, просто ваш дизайнер зачем-то нарисовал макет 2500 шириной.

Если в CSS, то оберните путь в url()

Обычный блок (квадрат) + треугольник с position:absolute, сделанный псевдоэлементом before или after.

Используйте мета-тег viewport, например так:

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

Верстать надо не "макеты посложнее", а реальные сайты разной сложности: статичные резиновые, адаптивные. Причём не типовые, как шаблоны для WP, в которых две колонки, шапка и всё. Наработаете десяток сайтов, можно будет уже дальше думать куда идти.

Вероятно, ваше видео имеет формат, не поддерживаемый Safari.
Ознакомьтесь с таблицей и сконвертируйте кроссбраузерное видео.