📅  最后修改于: 2023-12-03 15:15:44.225000             🧑  作者: Mango
在 HTML 中,我们可以使用 video
元素来向用户展示视频内容。为了在 video
元素中播放 .mp4
格式的视频,我们需要设置视频的链接。在 JavaScript 中,我们可以使用不同的方法来动态设置视频链接。
下面是一些示例代码,演示了如何使用 JavaScript 在 HTML 中链接视频(mp4)。
你可以直接通过 JavaScript 来获取视频元素,并设置其 src
属性为视频链接。这种方法适用于在代码中已经有一个 video
元素,但需要更改其视频链接的情况。
// 获取 video 元素
const video = document.querySelector('video');
// 设置 src 属性为视频链接
video.src = 'video.mp4';
如果你需要动态创建一个新的 video
元素,并将其链接到视频资源,可以使用以下代码示例:
// 创建 video 元素
const video = document.createElement('video');
// 设置新创建的 video 元素的 src 属性为视频链接
video.src = 'video.mp4';
// 将 video 元素添加到页面中的某个容器中
document.getElementById('video-container').appendChild(video);
如果你在项目中使用了 jQuery 库,可以使用其提供的简化方法来链接视频。
// 设置 video 元素的 src 属性为视频链接
$('video').attr('src', 'video.mp4');
请根据你的具体情况,选择适合你的方法来链接视频。
以上是几种常见的使用 JavaScript 在 HTML 中链接视频(mp4)的方法。希望对你有所帮助!