视频播放插件Video.js 网页直接插入 mp4

admin

1. <meta charset="utf-8" />
   
2. <title>
   
3.         Video.js 7.4.1
   
4. </title>
   
5. <style>
   
6. body {
   
7. }
   
8. .m {
   
9.         width: 960px;
   
10.         height: 400px;
    
11.         margin-left: auto;
    
12.         margin-right: auto;
    
13.         margin-top: 000px;
    
14. }
    
15. </style>
    
16. <div class="m">
    
17.         <video id="my-video" class="video-js" controls="" preload="auto" width="960" height="400" poster="m.jpg" data-setup="{}">
    
18.        <font color="#ff0000"> <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
    
19.             <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
    
20.             <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg"></font>
    
21.         <p class="vjs-no-js">
    
22.                 To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
    
23.         </p>
    
24. </video>
    
25. </div>

复制代码

<source src="http://recordcdn.quklive.com/upload/vod/user1462960877450854/1550739580345725/1/video.m3u8" type="application/x-mpegURL">

视频播放插件Video.js  https://www.jq22.com/jquery-info404