如何实现视频播放？

最新推荐文章于 2023-01-13 16:21:59 发布

乌大维

最新推荐文章于 2023-01-13 16:21:59 发布

阅读量462

点赞数

分类专栏：献给网站的大二暑假

本文链接：https://blog.csdn.net/u013202332/article/details/38441837

版权

献给网站的大二暑假专栏收录该内容

15 篇文章 0 订阅

订阅专栏

使用JwPlayer

到那个网站注册-下载了代码，但是按照它的流程走一遍，失败。

两个错误：

1.找不到配置文件

2.找不到视频文件

于是，我就失望了。代码虽然简单，但是错综复杂。希望高手指点啊。

使用HTML5视频标签


      data-setup="{}">
    <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
    <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
    <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
    <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
  </video>

即可播放，只是使用相对路径将本地视频jt.mp4放进去的时候，播放不出来。

失望。

引用优酷视频

  <embed src="http://static.youku.com/v/swf/qplayer.swf?winType=adshow&VideoIDS=XMTE3NzQ0NTky &isAutoPlay=false&isShowRelatedVideo=false"
                wmode="transparent" width="640" align="center" border="0" height="264">

将这段代码放到页面里，视频页面里面就能够播放优酷视频了。