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

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

更新时间：2021/01/11 GMT+08:00

音视频上传后，您可以参考如下步骤将点播的音视频引用到网站中。

登录视频点播控制台，在“管理 > 播放地址”中获取对应音视频的播放地址。

在对应的网站源码中插入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>

父主题： 播放问题

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

提交成功！非常感谢您的反馈，我们会继续努力做到更好！

反馈提交失败，请稍后再试！

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

智能客服提问云社区提问