使用 Play 框架和 JW 播放器嵌入视频
Embedding video with Play Framework and JW Player
我正在尝试使用Play框架和JW播放器嵌入视频。 我可以硬编码并使其正常工作,但我想使用模型的类来确定将嵌入的视频文件(通过路径)。
这是我一直在玩的代码,但不起作用:
<script src="@{'/public/jwplayer/jwplayer.js'}"></script>
<script>
$(document).ready(function(){
var content = ${_post.content};
setVideo(content)
});
</script>
<script type='text/javascript'>
function setVideo( content )
{
jwplayer('mediaspace').setup({
'flashplayer': "@{'/public/jwplayer/player.swf'}",
'file': content,
'controlbar': 'bottom',
'width': '640',
'height': '480'
});
}
</script>
老实说,在这一点上,这可能更像是伪代码......但希望很清楚我在这里想做什么:
- 检索帖子的内容(如果内容将是视频的路径)
- 将其放入函数中。
- 这将设置"文件":内容。
关于如何解决这个问题的任何建议?
解决这个问题的一些想法:
- 路径在呈现的 HTML 中可见吗?
- 它在生成的JavaScript中可见吗?
- 是否需要正确转义? 我想你的
var content
应该是字符串吗? _post.content
是如何生成的? 为什么是下划线? 您是否在播放模板标签中执行此操作?- 文件是否可以通过脚本外部的所述路径访问?
希望这有帮助。
相关文章:
- 如何检查用户在html5视频播放器中观看了完整的视频
- html5视频播放器和视频js之间的关系
- 视频播放器错误promise DOMException中未捕获
- html视频播放器并不总是从src读取
- HTML 5视频播放器用给定的数字更新currentTime
- html5视频交互式视频播放器
- 如何构建自己的 VAST 视频播放器
- 如何专注于YouTube视频播放器对象
- 如何在前台弹出YouTube视频播放器
- 如何在悬停在图像上时弹出youtube视频播放器
- 移动设备的动态视口始终包含固定尺寸的视频播放器
- 当我在视频播放器上单击播放时,它会在页面上播放两个视频
- 嵌入视频播放器播放按钮可同时播放所有视频播放器
- 设置计时器以等待为flash回退视频播放器加载swfobject脚本
- 三星智能电视视频播放器应用程序-访问存储在USB上的mp4
- 创建视频播放器(Quicktime浏览器插件)React元素,输出缺少的视频属性
- 当按下按钮时,使视频播放器出现
- 使用Javascript更改ActiveX视频播放器源代码
- 弹出式视频播放器显示在Firefox中的奇数位置
- 如何在iOS/iPad上进入全屏模式时停止HTML5视频播放器