2014-03-04 47 views
2

我正在寻找一个我要在CE-HTML页面中使用的视频播放器工具(如jwplayer)。谁与智能电视应用程序协同工作的开发者通常采用以下的简单和基本的代码在播放视频在智能电视上播放视频是否有基于CE-HTML的工具?

<?xml version="1.0" encoding="UTF-8"?>  
<!DOCTYPE html PUBLIC  
"-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
<head> 
<meta http-equiv="content-type" content="application/ce-html+xml; charset=UTF-8"/>  
<title>Basic CE-HTML - Basic media object</title>  
<script type="text/javascript">  
<![CDATA[  
    function handlePlayButtons(e)  
    {  
    switch (e.keyCode)  
    {  
    case VK_PLAY: 
     video.play(1);  
     break;  
    case VK_STOP:  
     video.stop();  
     break;  
    case VK_PAUSE:  
     video.play(0);  
     break; 
    } 
    }    
    // check the current playstate of the mediaobject  
    function checkPlayState()  
    {  
    switch (video.playState)  
    {  
    case 5: // finished  
     endOfFile();  
      break;  
    case 0: // stopped  
    case 6: // error  
    case 1: // playing  
    case 2: // paused  
    case 3: // connecting  
    case 4: // buffering  
    default:  
     // do nothing  
     break;  
    } 
    }    
    // called when the end of file is reached  
    function endOfFile()  
    {  
    // repeat  
    video.play(1);  
    }    
    document.onkeydown=handlePlayButtons  
]]>  
</script>  
<![CDATA[  
The video is started using the play button.  
]]>  
</head>  
<body style="margin:0px;overflow:hidden;" onload="video.data='/click.mp4';video.play(1); video.onPlayStateChange=checkPlayState;"> 

<div id="mediaobject" style="position:absolute;left:0px;top:0px; width:640px;height:480px;">    
</div>  
</body>  
</html> 

是否有智能电视上播放视频CE-HTML基础的工具?

回答

1

当然你可以使用JWPplayer! JWPlayer的额外好处是,如果您购买Pro版本,您可以禁用视频区域内的右键单击,如果您制作包含鼠标集成的SmartTV应用程序并在屏幕上显示无关联的弹出窗口时可能会很有用。

对Jwplayer网站
  • 的API帐户
    1. 注册获取JS
    2. 放置JS在你的应用程序的文件夹结构。可能在main.js文件的相同文件夹中
    3. 在您的index.html中创建一个名为videoPlayerBox的div,播放器将被加载到该div中。
    4. 通过调用这个函数初始化玩家:

      function displayVideoPlayer(url) { 
      jwplayer('videoPlayerBox').setup({ 
          file: url, 
          width: '960', 
          height: '540', 
          events:{ 
          onComplete: function() { 
           jwplayer().playNextVideo(); 
           } 
          } 
      }); 
      
    5. 然后播放,停止暂停,你可以简单地做球员:jwplayer.stop()jwplayer.play()等等...

  • +0

    我跟着你的步骤比我应用到我的页面上我看到它可以在鼠标点击时正常工作,但它不适用于“jwpplayer.play()”命令。它给出“ReferenceError:jwpplayer没有定义”错误。 –

    +0

    该命令应该是这样的; jwpplayer.stop()。非常感谢你。 –

    +0

    我在哪里可以找到所有jwplayer命令? –