html5-video - 在 Samsung Smart TV 应用程序上调整 HTML5 视频的大小

Question

我在尝试调整 Samsung Smart TV 应用中的 HTML5 视频元素时遇到问题。我正在使用 SDK 2.5。它在 2011 和 2012 模拟器中运行良好，但当我在电视上测试它时，它卡在全屏模式中。

我试过使用 css 和内联元素，但都没有用。

我的代码是这样的:

索引页: <video id="player"></video>

Main.js，在 onLoad 函数内:

$("#player").attr("src","VIDEO_SOURCE");
$("#player").css({
    'position': 'absolute',
    'left': '419px',
    'top': '394px',
    'width': '125px',
    'height': '100px',
});
var v = $("#player").get(0);
v.load();
v.play();

Answer 1

尝试将尺寸设置为视频标签属性而不是 CSS 样式，例如:

 <video src="movie.mp4" width="320" height="240">
 Your browser does not support the video tag.
 </video> 

2.5 SDK支持的属性有:

• 自动播放
• 控制
• 高度
• 循环
• 预加载
• 来源
• 宽度

查看有关此主题的 Samsung 文档: http://www.samsungdforum.com/upload_files/files/guide/data/html/html_2/reference/HTML%20Specification.html#HTML5%20and%20Samsung%20Smart%20TV%20SDK

在视频方面更灵活但更复杂的是 Samsung 的 Player API: http://www.samsungdforum.com/Guide/View/Developer_Documentation/Samsung_SmartTV_Developer_Documentation_2.5/API_Reference/JavaScript_APIs/Device_API/Player