Html5播放器

图1-1:酷播云标清/高清/超清播放效果

图1-2:酷播云标清/高清/超清播放效果

图1-3:酷播云倍速切换播放效果
HTML5播放器调用示例(1):
- <div id="player"></div>
- <script src="//player.polyv.net/script/player.js"></script>
- <script>
- var player = polyvPlayer({
- wrap: '#player',
- autoplay:'true',
- width: 800,
- height: 533,
- vid: '88083abbf5f16507525894e5a997aeb2_8',
- });
- </script>
- <h1>酷播云代码测试</h1>
HTML5播放器调用示例(2):
- <script src="//player.polyv.net/script/player.js"></script>
- <div id="test">
- <div id='player'></div>
- </div>
- <script>
- var width = document.getElementById("test").scrollWidth;
- var height = width*0.5625; // 16/9 = 0.5625;
- var player = polyvPlayer({
- wrap: '#player',
- autoplay:'true',
- 'width':width,
- 'height':height,
- 'vid' : '88083abbf5f16507525894e5a997aeb2_8'
- });
- </script>
- <h1>酷播云代码测试</h1>