Java的新项目学成在线笔记-day13（六）

待我称王封你为后i 2022-01-11 10:23 107阅读 0赞

3.4 测试video.js  
参考https://github.com/videojs/videojs-contrib-hls\#installation  
[http://jsbin.com/vokipos/8/edit?html,output][http_jsbin.com_vokipos_8_edit_html_output]  
1、编写测试页面video.html。

[mw_shl_code=applescript,true]<!DOCTYPE html> <html lang="en"> <head>   
      <meta http‐equiv="content‐type" content="text/html; charset=utf‐8" />   
      <title>视频播放</title> 
        <link href="/plugins/videojs/video‐js.css" rel="stylesheet"> </head> <body> <video id=example‐video width=800 height=600 class="video‐js vjs‐default‐skin vjs‐big‐playcentered" controls poster="http://127.0.0.1:90/video/add.jpg">  
       <source          
       src="http://video.xuecheng.com/video/hls/lucene.m3u8"     
            type="application/x‐mpegURL"> </video>
    <input type="button" onClick="switchvideo()" value="switch"/> 
      <script src="/plugins/videojs/video.js"></script>
    <script src="/plugins/videojs/videojs‐contrib‐hls.js"></script> <script>  
       var player = videojs('example‐video');   
    //player.play(); //切换视频      
        function switchvideo(){     
        player.src({         
        src: 'http://video.xuecheng.com/video/hls/lucene.m3u8',      
           type: 'application/x‐mpegURL',
                withCredentials: true[/mw_shl_code]
    [mw_shl_code=applescript,true]  });     
        player.play(); 
        } </script>
       </body>
    </html>
    [/mw_shl_code]

2、测试 配置hosts文件，本教程开发环境使用Window10，修改C:\\Windows\\System32\\drivers\\etc\\hosts文件

\[mw\_shl\_code=applescript,true\]127.0.0.1 video.xuecheng.com\[/mw\_shl\_code\]

![Java的新项目学成在线笔记-day13（六）][Java_-day13]

转载于:https://blog.51cto.com/13517854/2406085

[http_jsbin.com_vokipos_8_edit_html_output]: http://jsbin.com/vokipos/8/edit?html,output
[Java_-day13]: https://s1.51cto.com/images/blog/201906/06/41519ef60feb38f36a11cf512d1789f1.jpg?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=