JS获取video当前播放日期
时间: 2023-07-18 15:30:34 浏览: 51
视频播放器的当前时间可以使用`HTMLMediaElement`对象的`currentTime`属性获取,该属性返回当前视频播放器的当前时间(以秒为单位)。如果您想要将其转换为日期,可以使用JavaScript中的`Date`对象。例如,以下代码将当前时间转换为日期格式:
```javascript
const video = document.querySelector('video');
const currentTime = video.currentTime;
const currentDate = new Date(currentTime * 1000);
console.log(currentDate);
```
请注意,`currentTime`返回的是以秒为单位的时间,因此我们在创建`Date`对象时需要将其乘以1000以转换为毫秒。
相关问题
js设置video自动播放
可以使用HTML5的属性autoplay来让video自动播放,也可以使用JavaScript来控制video的播放和暂停。以下是使用JavaScript设置video自动播放的代码示例:
```html
<video id="myVideo" src="video.mp4" autoplay></video>
```
```javascript
var video = document.getElementById("myVideo");
video.autoplay = true;
video.load();
```
以上代码中,首先在HTML中使用autoplay属性来让video自动播放,然后通过JavaScript获取video元素,并设置autoplay属性为true。最后调用load()方法来加载并播放视频。
videojs播放rtsp
根据提供的引用内容,videojs不支持rtsp流媒体,只支持rtmp流媒体。如果要播放rtsp流媒体,需要使用c/c++插件(npapi或者activex)。如果您想使用videojs播放rtmp流媒体,可以按照以下步骤进行操作:
1. 引入video.js和videojs-flash.js文件
```html
<link href="//vjs.zencdn.net/5.8.8/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.8.8/video.min.js"></script>
<script src="//vjs.zencdn.net/5.8.8/videojs-flash.min.js"></script>
```
2. 在HTML中添加video标签
```html
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
<source src="rtmp://example.com/my-video" type='rtmp/mp4'>
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
```
3. 初始化videojs
```javascript
var player = videojs('my-video', {
techOrder: ['flash', 'html5']
});
```
以上是使用videojs播放rtmp流媒体的方法,如果您想播放rtsp流媒体,可以考虑使用其他的播放器或者插件。