文档首页 > > 常见问题> 播放问题>

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

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

分享
更新时间:2021/01/11 GMT+08:00
音视频上传后,您可以参考如下步骤将点播的音视频引用到网站中。
  1. 登录视频点播控制台,在“管理 > 播放地址”中获取对应音视频的播放地址。

  2. 在对应的网站源码中插入web播放器,引用音视频播放地址。具体可以参考web播放器Demo

    代码示例如下:

    <!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/0.0.6/lib/video-js-5.20.5/ie8/videojs-ie8.min.js?ttl=491837594"></script>
                    <![endif]-->
                    <script src="https://media-cache.huaweicloud.com/video/hwplayer/0.0.6/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>   
分享:

文档是否有解决您的问题?

提交成功!非常感谢您的反馈,我们会继续努力做到更好!
反馈提交失败,请稍后再试!

*必选

请至少选择或填写一项反馈信息

字符长度不能超过200

提交反馈 取消

如您有其它疑问,您也可以通过华为云社区问答频道来与我们联系探讨

智能客服提问云社区提问
{{site}}{{lan}}
{{site}}{{language}}