Олег

Так https://jsfiddle.net/joomla/ofasp6v0/

К примеру transition в сафари не поддерживается, дальше смотреть не стал ;) но в этом направлении и смотри.

Метатег viewport срезать
< meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no> контента

Скинул ссылку на кучу нерабочего г..кода)))
Ты это имел ввыиду? https://jsfiddle.net/joomla/4myrL0vd/

Вот, как радиокнопками https://jsfiddle.net/joomla/4myrL0vd/3/

Как вариант на основе плагина jqwery jqplot

Еще как вариант https://jsfiddle.net/joomla/z0fyxjzt/1/

Что то подсказывает, что нужно смотреть в сторону глобального обнуления стилей.
В частности margin:0, padding:0;
*{margin:0; padding:0;} вначале css файла поставь

Плеер локальный или внешний?
Если плеер yuotube то https://developers.google.com/youtube/player_param...

Простое, добавить в свои стили .nav-tabs .active{прописать нужные правила}
Посложнее TAB CLASS DEFINITION переписать в bootstrap.js

Смотри в сторону Nicescroll http://nicescroll.areaaperta.com/

А что мешает сделать justify-content: flex-start и marginами выровнять по центру

Использование codepen.io и логического мышления для формирования вопроса поиска по сайту избавит от изобретения велосипеда :))