h5播放视频页面

最新推荐文章于 2025-07-13 12:43:52 发布

原创最新推荐文章于 2025-07-13 12:43:52 发布 · 1.7w 阅读

5 ·

CC 4.0 BY-SA版权

html/css/javascript 专栏收录该内容

10 篇文章

订阅专栏

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>视频播放</title>
</head>

<body>
   <video preload='auto' id='my-video' src='https://media.w3.org/2010/05/sintel/trailer.mp4' webkit-playsinline='true'
       playsinline='true'x-webkit-airplay='true' x5-video-player-type='h5' x5-video-player-fullscreen='true' controls="controls"
       x5-video-ignore-metadata='true' width='100%' height='100%'>
           <p>当前视频不支持</p>
   </video>
</body>
</html>

附录一些RTSP测试地址：

1、rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov

一段动画片

2、rtsp://218.204.223.237:554/live/1/66251FC11353191F/e7ooqwcfbqjoo80j.sdp

拱北口岸珠海过澳门大厅

3、rtsp://218.204.223.237:554/live/1/0547424F573B085C/gsfp90ef4k0a6iap.sdp