1.在uniapp中使用video处理
<video id="myVideo" class="video-player" :src="videoObj.video_url" :poster="videoObj.image" x5-video-player-type="h5-page"></video>
2.在vue中使用腾讯播放器时使用(其他播放器差不多)动态添加x5-video-player-type
// 使用腾讯点播sdk播放器
// https://cloud.tencent.com/document/product/881/30818
new TcPlayer('id_test_video', {
// "mp4":"xxxxx.mp4",
// "m3u8":"xxxxxx.m3u8",//请替换成实际可用的播放地址
// "autoplay": true, //iOS 下 safari 浏览器,以及大部分移动端浏览器是不开放视频自动播放这个能力的
"poster": newObj.data.image,
"x5_type": "x5-video-player-type",
"x5-video-player-fullscreen": "true"
});
// 获取播放器中内嵌的video标签,目前我整个dom中只有一个video
let video = document.getElementsByTagName("video")[0]
video.setAttribute('x5-video-player-type', 'h5') // 声明启用同层H5播放器,控制网页内部同层播放,可以在视频上方显示html元素。