Павел Антонов

var video = document.getElementsByTagName("video")[0];
var source = document.getElementsByClassName("_video")[0];
    
video.pause();

source.setAttribute("src","/media/video/rain.mp4");

video.load();
video.play();

а у тебя бутстрап не подключен в песочнице)) и для картинок еще нужно написать max-width: 100% иначе они накладываются друг на друга
исправил

Наверное как-то так.. слишком мало данных в вопросе)

class SomeComponent extends Component {
    static propTypes = {
        someFunction: PropTypes.func
    }
    state = {
        inputValue: transferTemplateType.none,
    }
    handleChangeTextInput = (event) => {
        this.setState({ [event.target.name]: event.target.value });
    }
    sendValue = () => {
        this.props.someFunction(this.state.inputValue);
    }

    render() {
        return (
            <div>
                <input onChange={this.handleChangeTextInput} value={this.state.inputValue} />
                <button onclick={this.sendValue}>Передать значение</button>
            </div >
        );
    }
}


const mapDispatchToProps = (dispatch) => ({
    someFunction: (inputValue) => dispatch(someFunction(inputValue))
});

export default connect(null, mapDispatchToProps)(SomeComponent);

.about-me-left {
  float:left;
}

Напишите заголовку h2 свойство display: inline-block

h2{
   display: inline-block;
}

Объявление счетчика цикла i с применением let вместо var изолирует область видимости i. Т.е значение i ограничивается областью видимости итерации цикла

Для прочтения
Переменные: let и const
Лексическая область видимости

Каждому повторению цикла соответствует своя независимая переменная let. Если внутри цикла есть вложенные объявления функций, то в замыкании каждой будет та переменная, которая была при соответствующей итерации.

https://codepen.io/freislot/pen/BxBQKo

$('.Navigation').on('click', '.Nav', function(){
  var index = $(this).index();
  $('.Slides .Slide').removeClass('active').eq(index).addClass('active');
});

В переменную index записываем индекс нажатого элемента, затем по индексу добавляем класс active к нужному слайду. По аналогии сделаете то, что вам нужно, поменяете цвет или класс или что-то еще.

$('input:radio[name=subscribe_id]').on(click, function() {

меняете на

$('.submitFormHandler').on('change', 'input[name=subscribe_id]', function() {

В вашем случае это будет примерно так, оборачиваете код вызова анимации в функцию, я назвал ее animatePrice

Далее по скроллу мы должны вызвать функцию. Но чтобы функция не вызывалась постоянно каждый раз когда мы скроллим мы пишем условие отработать только когда мы достигнем позиции блока #servers.

isAnimatePriceInitialized это маркер который поможет нам запустить функцию 1 раз по скроллу и больше не вызывать ее. Т.е по умолчанию стоит false, доскроллили до #servers функция animatePrice выполнилась, isAnimatePriceInitialized стало true и больше функция animatePrice вызыватсья не будет т.к условие стоит
if (!isAnimatePriceInitialized) {}

var isAnimatePriceInitialized = false;
var serversTop = $("#servers").offset().top;

function animatePrice(){
    $({numberValue: 0}).animate({numberValue: 287}, {
        duration: 24000, // Скорость анимации, где 500 = 0,5 одной секунды, то есть 500 миллисекунд
        easing: "linear",
        step: function(val) {
            $(".pricez").html(Math.ceil(val)); // Блок, где необходимо сделать анимацию
        }
    });
    isAnimatePriceInitialized = true;
}

$(window).scroll(function() {
    if ( ($(this).scrollTop() > serversTop){
        if (!isAnimatePriceInitialized) {
            animatePrice();
        }
    }
});

Так вам надо?

var count = 0;
$("button").click(function(){
  count++
  $("body").append("<div id='"+count+"'>Div "+count+"</div>");
})
$(document).on("click", "div", function(){
  alert("Div " + $(this).attr("id"));
})

Ключевой момент в .on() с его помощью мы вешаем событие клик на динамически добавляемые элементы div.

.myclass> li.new
не?

Так передаются типы в flow. Почитать

Для переключения состояния элемента используете .fadeToggle()
Ну и в зависимости от верстки делаете
$(this).next( ".box" ).fadeToggle(1000);
Если скрываемый блок идет после "Кликни меня"
Пример

Слайдер с эффектом жалюзи, ну а поместить его в вырезанную область можно через абсолютное позиционирование например.

Вот вам решение картинку оборачиваете в div и смотрите свойства div'а

а что мешает текст поверх любого слайда вывести?

<div id="slider">
  <div class="slide"></div>
  <div class="slide"></div>
  ...
</div>
<p>Ваш текст с позиционированием position:absolute</p>