视频点播 VOD视频点播 VOD

文档首页> 视频点播 VOD> 常见问题> 播放问题> 如何将点播音视频引用到网站中?
更新时间:2021/08/02 GMT+08:00
分享

如何将点播音视频引用到网站中?

音视频上传后,您可以参考如下步骤将点播的音视频引用到网站中。
  1. 登录视频点播控制台,在“管理 > 播放地址”中获取对应音视频的播放地址。

  2. 在对应的网站源码中插入web播放器,引用音视频播放地址。

    代码示例如下:

    <!DOCTYPE html>
         <html>
                 <head>
                    <meta charset="UTF-8">
                     <meta http-equiv="x-ua-compatible" content="chrome=1,ie=edge">
                     <!--[if lt IE 9]>
    		    <script src="https://media-cache.huaweicloud.com/video/hwplayer/1.5.0/lib/video-js-5.20.5/ie8/videojs-ie8.min.js?ttl=491837594"></script>
                    <![endif]-->
                    <script src="https://media-cache.huaweicloud.com/video/hwplayer/1.5.0/dist/hwplayer.js?ttl=491837594"></script>
                 </head>
                  <body>
                        <video controls id="test" width="480" height="300" class="video-js vjs-default-skin vjs-big-play-centered"></video>
                        <script>
                             hwplayerloaded(function () {
                                var player = new HWPlayer("test", {
                                     width: 480,
                                     height: 300,
                                     controls: true
                                     }, function () {
                                                    //播放器加载完成执行的逻辑
                                                });
                                     player.src({
                                        src: "https://1280.cdn-vod.huaweicloud.com/asset/b48213f9f7691b893db6cc7b361bfd15/play_video/440575b7449338c7153af4fb24c381d0_1.m3u8",
                                        type: "application/x-mpegURL"
                                    });
                                     });
                         </script>
                     </body>
         </html>   
分享:

播放问题 所有常见问题

more