视频播放器html中 我的视频源是m3u8格式 视频type如何设置 让ios和安卓设备都能播放
时间: 2023-06-26 17:10:30 浏览: 82
对于m3u8格式的视频,可以使用以下代码设置type:
```
<video controls>
<source src="video.m3u8" type="application/x-mpegURL">
</video>
```
这样可以让iOS和Android设备都能播放m3u8格式的视频。`type` 属性设置为 `application/x-mpegURL`,这是m3u8格式的标准MIME类型。
相关问题
西瓜视频播放器xgplayer如何播放m3u8格式视频
要使用xgplayer播放m3u8格式视频,需要在引入xgplayer的js文件后,引入hls.js或者m3u8-parser.js这两个插件中的一个,具体的步骤如下:
1. 在html文件中引入xgplayer的js和css文件。
```html
<link rel="stylesheet" href="path/to/xgplayer.css">
<script src="path/to/xgplayer.js"></script>
```
2. 在js文件中创建xgplayer实例,并在options中设置type为'hls'或'm3u8'。
```javascript
const player = new Player({
id: 'xgplayer',
url: 'path/to/video.m3u8',
type: 'hls',
autoplay: true,
controls: true
})
```
3. 在js文件中引入hls.js或m3u8-parser.js插件。
```javascript
import Hls from 'path/to/hls.js'
```
或者
```javascript
import M3U8Parser from 'path/to/m3u8-parser.js'
```
4. 在xgplayer实例中设置hlsConfig或m3u8Config。
```javascript
player.hlsConfig = {
xhrSetup: function(xhr, url) {
xhr.withCredentials = true
}
}
```
或者
```javascript
player.m3u8Config = {
withCredentials: true
}
```
注意:以上的示例中,url为m3u8格式的视频地址。如果需要播放其他格式的视频,如mp4等,可以将type设置为'normal'或者'video',并设置url为对应的视频地址。
希望这能够解决你的问题。
能播放.m3u8格式的vue视频播放插件
你可以使用video.js插件来播放.m3u8格式的视频。video.js是一个流行的HTML5视频播放器,可以在Vue项目中使用。首先,你需要安装video.js和videojs-contrib-hls插件。安装完成后,你可以在Vue组件中使用video.js来播放.m3u8格式的视频。下面是一个简单的示例:
首先,使用npm安装video.js和videojs-contrib-hls插件:
```
npm install video.js videojs-contrib-hls
```
然后,在你的Vue组件中引入video.js和videojs-contrib-hls插件:
```javascript
import videojs from 'video.js';
import 'video.js/dist/video-js.css';
import 'videojs-contrib-hls';
export default {
mounted() {
// 在组件挂载完成后初始化video.js播放器
const player = videojs(this.$refs.videoPlayer);
// 设置视频源为.m3u8格式的链接
player.src({
src: 'http://example.com/path/to/video.m3u8',
type: 'application/x-mpegURL'
});
// 播放视频
player.play();
}
}
```
最后,在你的模板中添加video标签来显示视频播放器:
```html
<template>
<div>
<video ref="videoPlayer" class="video-js vjs-default-skin" controls></video>
</div>
</template>
```
这样,你就可以在Vue项目中使用video.js来播放.m3u8格式的视频了。记得替换示例代码中的视频链接为你自己的链接。