Найдите все видеоэлементы и управляйте исходным src

У меня есть сайт с несколькими видеоэлементами. Я должен добавить #t=0.1 к src = "" каждого видео.

<div itemprop = "video" itemscope itemtype = "http://schema.org/VideoObject" class = "seovid">
    <object>
        <video width = "640" controls controlsList = "nodownload">
            <source src = "https://www.xzy/bla.mp4">
            Dein Browser unterstützt keine HTML5 Videos oder Du nutzt eine veraltete Version.
              </video>
    </object>
    <h3 itemprop = "name“>bla</h3>
    <p itemprop = "description“>bla</p>
</div>

Итак, я часами искал вокруг, находя вещи, близкие к тому, что я ищу, но не работало для меня:

JQuery - как я могу получить значение src видео?Как получить src видео с помощью JavaScript?

var vids = document.getElementsByTagName('video') 
// vids is an HTMLCollection
for( var i = 0; i < vids.length; i++ ){ 
    console.info( vids.item(i).src )
}

Так что getElementsByTagName - хорошее начало. Но как получить свойство src? И как им манипулировать, чтобы сохранить фактический путь видео и просто добавить sth в конец?

javascript html video src

26.10.2018 10:36

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

2 902

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Ответ принят как подходящий

Итак, вы хотите добавить #t=0.1 к источнику. Вы можете получить элементы тега источника с помощью getElementsByTagName('source), а затем получить атрибут src.

Ниже приведен код.

var vids = document.getElementsByTagName('video') 
// vids is an HTMLCollection
for( var i = 0; i < vids.length; i++ ){ 
  //#t=0.1
   vids.item(i).getElementsByTagName('source')[i].src += "#t=0.1" ;
   console.info( vids.item(i).getElementsByTagName('source')[i].src);
}

<!DOCTYPE html>
<html>
<head>
  <meta charset = "utf-8">
  <meta name = "viewport" content = "width=device-width">
  <title>JS Bin</title>
</head>
<body>
<div itemprop = "video" itemscope itemtype = "http://schema.org/VideoObject" class = "seovid">
	<object>
		<video width = "640" controls controlsList = "nodownload">
			<source src = "https://www.xzy/bla.mp4">
			Dein Browser unterstützt keine HTML5 Videos oder Du nutzt eine veraltete Version.
      		  </video>
	</object>
	<h3 itemprop = "name“>bla</h3>
	<p itemprop = "description“>bla</p>
</div>
</body>
</html>

26.10.2018 10:43

Судя по предоставленному вами коду, src отсутствует в теге видео.
Это атрибут источника тега.
Вы можете получить значение атрибута в javascript, используя getAttribute ('NameOfTheAttribute').
Ниже правильный js

var vids = document.getElementsByTagName('source') 
// vids is an HTMLCollection
for( var i = 0; i < vids.length; i++ ){ 
    console.info( vids.item(i).getAttribute('src') )
}

рабочий пример:https://jsfiddle.net/xldlx/yw4fzmk1/3/

26.10.2018 10:49

    <div itemprop = "video" itemscope itemtype = "http://schema.org/VideoObject" class = "seovid">
     <object>
       <video width = "640" controls controlsList = "nodownload">
          <source src = "https://www.xzy/bla.mp4">
    			Dein Browser unterstützt keine HTML5 Videos oder Du nutzt eine veraltete Version.
       </video>
       </object>
       <h3 itemprop = "name“>bla</h3>
       <p itemprop = "description“>bla</p>
    </div>
var vids = document.getElementsByTagName('video') 
// vids is an HTMLCollection
for( var i = 0; i < vids.length; i++ ){ 
   vids[i].children[0].setAttribute('src', vids[i].children[0].src+'#0.1');
}

26.10.2018 10:53

Другие вопросы по теме

Почему мой нижний div перекрывает другой мой div и не складывается?

Выровняйте div по горизонтали и идеально вписывайтесь в ширину родительского элемента

Получить innerText из div для ввода javascript

В PHP: отправка ссылки для подтверждения в почте пользователя для забытого пароля

Покажите мне выбранную кнопку переключения в Angular 4 и другой фрагмент

Вертикальное выравнивание содержимого абсолютно позиционированного td в таблице

CSS: запретить дочернему элементу с текстовым содержимым увеличивать размер окна

JS создал кнопки с параметрами для пропущенного вызова события клика

Как использовать класс начальной загрузки, а также класс CSS

Как скопировать гипертекстовую ссылку в буфер обмена с помощью JavaScript и сохранить ее свойства ссылки

Найдите все видеоэлементы и управляйте исходным src

Ответы 3

Другие вопросы по теме

Похожие вопросы