Блог

Я пытаюсь изменить текущее время видео, если я нажму на P-тег.

Примечание: каждый P-тег сможет изменять текущее время на другую продолжительность, например

<p> Пример 1 </p> // должен изменить текущее время на 10 секунд

<p> Пример 2 </p> // должен изменить текущее время на 30 секунд

Ниже приведен код, над которым я сейчас пытаюсь работать. Может кто-нибудь, пожалуйста, дайте мне знать, как я могу изменить текущее время, нажав на P-теги.

 const RecipeReview = () => {
return (
<div className='row'>
  <div className='col-sm-8'>
    <div className='row'>
      <div className='embed-responsive embed-responsive-16by9'>
        <video className='embed-responsive-item' controls>
          <source src={VideoLink} />
          Your browser does not support the video tag.
        </video>
      </div>
    </div>


  </div>
  <div className='col-sm-4'>
    <div className='row mt-2 ml-1'>
      <div className='w-100 mt-2 mr-2'>
        <div className='d-flex flex-nowrap align-items-center'>
          <p className='text flex-grow-1 mr-2'>
            Sample1
          </p>
        </div>

        <div className='d-flex flex-nowrap align-items-center'>
          <p className='text flex-grow-1 mr-2'>
            Sample2
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
  );
 };
  export default RecipeReview;