全部文档

视频点播 VOD视频点播 VOD

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

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

      音视频上传后，您可以参考如下步骤将点播的音视频引用到网站中。
      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