2014-03-04 49 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命令? –