Video 是否有基于CE-HTML的工具用于在智能电视上播放视频?

Video 是否有基于CE-HTML的工具用于在智能电视上播放视频?,video,video-player,smart-tv,Video,Video Player,Smart Tv,我正在寻找一个视频播放器工具(比如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-transit

我正在寻找一个视频播放器工具(比如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-基本媒体对象

有基于CE-HTML的工具可以在智能电视上播放视频吗?

当然可以使用JWPplayer!JWPlayer的额外好处是,如果您购买了专业版,您可以在视频区域内禁用右键单击,如果您制作了一个包含鼠标集成的SmartTV应用程序,并且该应用程序会在屏幕上的非关联弹出窗口上断开,这可能会很有用

  • 在Jwplayer网站上注册API帐户
  • 获取JS
  • 将JS放在应用程序的文件夹结构中。可能在
    main.js
    文件的同一文件夹中
  • index.html
    中创建一个名为
    videoPlayerBox
    的div,播放器将加载到此div中
  • 通过调用以下函数初始化播放机:

    function displayVideoPlayer(url) {
    jwplayer('videoPlayerBox').setup({
        file: url,
        width: '960',
        height: '540',
        events:{
        onComplete: function() {
            jwplayer().playNextVideo();
            }
        }
    });
    
  • 然后停止播放,暂停播放器,您只需执行以下操作:
    jwplayer.stop()
    jwplayer.play()
    等等


  • 我遵循了您的步骤,并将其应用到了我的页面中。我看到它可以通过鼠标单击正常工作,但不能使用“jwpplayer.play()”命令。它给出了“ReferenceError:jwpplayer未定义”错误;jwpplayer.stop()。非常感谢。是的,对不起,我拼写错了,应该只有一个p<代码>jwplayer().play()Api参考: