不用JavaScript怎么在网页端实习播放视频

在不使用JavaScript的情况下，可以使用HTML5的video标签来实现视频播放。具体步骤如下：

1. 在HTML文件中添加video标签：

<video src="video.mp4" controls></video>

其中，src属性指定视频文件的路径，controls属性可以添加视频控件，包括播放/暂停按钮、音量控制等。

2. 在视频文件的路径下，添加一个视频文件，例如video.mp4。

3. 在浏览器中打开HTML文件，即可看到视频播放器，并可以通过控件进行视频播放、暂停、音量控制等操作。

需要注意的是，不同浏览器对HTML5的video支持度不同，可能会存在兼容性问题。可以通过添加多个视频格式来提高兼容性，例如：

<video>
    <source src="video.mp4" type="video/mp4">
    <source src="video.webm" type="video/webm">
    <source src="video.ogg" type="video/ogg">
    Your browser does not support HTML5 video.
</video>

其中，source标签指定不同格式的视频文件路径和类型，如果浏览器不支持HTML5 video，则会显示最后一个文本信息。

相关问题

HTML中双击图片在网页中心播放视频

这个功能同样可以通过JavaScript来实现。可以使用`ondblclick`事件来监听图片的双击操作，然后在双击事件处理函数中播放视频并将视频居中显示。

以下是一个示例：

HTML代码：

<img src="image.jpg" ondblclick="playVideo()">
<video id="my-video" controls style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none;">
  <source src="video.mp4" type="video/mp4">
</video>

JavaScript代码：

function playVideo() {
  var video = document.getElementById("my-video");
  video.style.display = "block";
  video.play();
}

在这个示例中，当用户双击图片时，`playVideo()`函数会被调用。该函数通过`getElementById`方法获取`id`为`my-video`的`video`元素，然后将其`display`属性设置为`block`，使其在屏幕中间显示，并开始播放视频。视频居中显示的方法是使用`position: fixed`使其相对于窗口固定，然后使用`top: 50%; left: 50%; transform: translate(-50%, -50%)`使其水平和垂直居中。

JavaScript做视频播放

在 JavaScript 中，可以使用 HTML5 中的 `<video>` 标签来实现视频播放的功能。具体操作如下：

1. 在 HTML 页面中添加一个 `<video>` 标签，如下所示：

<video src="video.mp4"></video>

2. 在 JavaScript 中获取该标签，然后调用其相关方法进行播放、暂停、停止等操作，如下所示：

// 获取视频标签
var video = document.getElementsByTagName('video')[0];

// 播放视频
video.play();

// 暂停视频
video.pause();

// 停止视频
video.currentTime = 0;
video.pause();

可以通过设置 `<video>` 标签的属性来控制视频的播放，如下所示：

- `src`：视频文件的 URL
- `width` 和 `height`：视频的宽度和高度
- `autoplay`：自动播放视频
- `controls`：显示视频播放控件
- `loop`：循环播放视频
- `muted`：静音播放视频

需要注意的是，不同浏览器对视频格式的支持可能存在差异，需要注意选择合适的格式。此外，视频文件可能较大，需要考虑网络传输速度和用户体验等因素。