当前位置: 首页 > 面试题库 >

我可以使用javascript动态更改视频的来源吗?

朱博实
2023-03-14
问题内容

如何使用JS更改视频的来源?

<video id="myVideoTag" width="670" height="377" autoplay="true" controls="controls">
    <source src="http://www.test.com/test.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
</video>

问题答案:

当然,您可以srcsource元素上设置属性:

document.querySelector("#myVideoTag > source").src = "http://example.com/new_url.mp4"

或使用jQuery代替标准DOM方法:

$("#myVideoTag > source").attr("src", "http://example.com/new_url.mp4"​​​​)​


 类似资料:
  • 我使用JavaFXSceneBuilder/FXML设计了一个场景,我想创建该场景的多个实例,但每个场景都有不同的行为。有没有办法动态更改场景/FXML的控制器? 我想要的是设计一个场景并重用它,但是每个实例有不同的行为。 目前我正在加载FXML及其控制器,如下所示:

  • 我正在尝试为我们的一个应用程序实现exoplayer 2。 似乎留档和例子比自动播放更复杂的东西是非常差的。 我的问题是,我创建了一个媒体源,并将其设置为播放器,之后我有一个自定义的图标来播放视频,并在结束时寻求回到0。 此外,我还有一个自定义的双搜索杆,当移动它时,它将寻找一个位置,并在选定的开始和结束时间之间剪辑视频。 我不确定在不重新创建整个东西的情况下改变玩家的来源是否可能。 我将我的播放

  • 我要做的是创建一种播放列表,只使用html5和vanilla javascript(不使用jquery)。相同的短视频一直循环直到你点击其中一个箭头,然后一行中的下一个(或上一个)视频被加载到相同的视频元素中。 以下是我的资料: HTML JavaScript 但是,使用这段代码,单击任何一个箭头似乎都没有任何作用。但我不确定我做错了什么。我首先想到的是if测试失败了,所以它只是重新加载了相同的视

  • 问题内容: 假设我有几个复合形状()。我希望能够单击并拖动它们,但是我希望当前碰巧拖动的那个按Z顺序位于另一个的TOP上,因此,如果将其拖动到另一个,则另一个一个人应该黯然失色。 问题答案: SVG中的Z索引由元素在文档中出现的顺序定义。如果要在顶部显示特定形状,则必须更改元素顺序。

  • 问题内容: 我有一些图像及其翻转图像。使用jQuery,我想在onmousemove / onmouseout事件发生时显示/隐藏过渡图像。我所有的图像名称都遵循相同的模式,如下所示: 原始图片: 展期图片: 我想分别在onmouseover和onmouseout事件中插入和删除图像源的 “结束” 部分。 如何使用jQuery? 问题答案: 要准备就绪,请执行以下操作: 对于使用url图片源的用户

  • 谷歌发布了新的CameraX库,作为JetPack的一部分。它看起来很适合拍照,但我的用例也需要制作视频的。我试着在谷歌上搜索,但什么也找不到。 那么,用CameraX Jetpack库录制视频是可能的吗?