javascript - 查找所有视频元素并操作源 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 值? 如何使用 JavaScript 获取视频标签 src?
var vids = document.getElementsByTagName('video')
// vids is an HTMLCollection
for( var i = 0; i < vids.length; i++ ){
console.log( vids.item(i).src )
}
所以getElementsByTagName
是一个好的开始。但是如何获得src
财产呢?以及如何操纵它以保持实际的视频路径并添加sth
到最后?
解决方案
因此,您想将 附加#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.log( 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>
推荐阅读
- python - AWS:在 DeepLens 设备上运行 Rekognition
- java - 通过 Java 中的反射设置私有字段的最短、最好、最干净的方法是什么?
- c# - .NET Framework 安装后需要 WIX Bootstrapper 重新启动并跳过应用程序启动
- sql-server - SQL 触发器 - 插入后,更新错误和正确的值
- powerbi - 通过 SQL 在 powerBI 中显示表情符号
- c++ - 如何转发元组的类型以专门化其他模板?
- c# - 时间:2019-01-10 标签:c#convert a string into JSON like TreeView
- c# - 退出应用程序时关闭使用的 WinSCP 会话(在使用中)
- dafny - 如何在 Dafny 中将一个值转换为两个字节?
- python - 具有对角权重矩阵的自定义层