我正在构建一个应用程序,我正在尝试添加视频部分。我的视频是在jwplayer中托管的,我也使用jwplayer作为播放器。
我将问题分开并构建了最简单的应用程序来测试它并且它无法正常工作。
hello.js
df1$Title <- match(v1, unique(v1))
df1
# Name Title
#1 Jones, Mr. Frank 1
#2 Jennings, Mrs. Joan 2
#3 Hinker, Miss. Lisa 3
#4 Brant, Mrs. Jane 2
#5 Allin, Mr. Hank 1
#6 Minks, Mr. Jeff 1
#7 Naps, Mr. Tim 1
hello.html的
df1 <- structure(list(Name = c("Jones, Mr. Frank", "Jennings, Mrs. Joan",
"Hinker, Miss. Lisa", "Brant, Mrs. Jane", "Allin, Mr. Hank",
"Minks, Mr. Jeff", "Naps, Mr. Tim")), .Names = "Name", row.names = c(NA,
-7L), class = "data.frame")
我还在标签内部有播放器代码。
根据这里的说明: http://support.jwplayer.com/customer/portal/articles/1406723-basic-video-embed这应该有效,但我收到错误: 加载播放器时出错:找不到可播放的来源
我找到的所有说明都适用于自托管玩家。正如我之前提到的,视频是在jwplayer上托管的。
提前感谢您的帮助。
答案 0 :(得分:1)
第file: "http://content.jwplatform.com/players/AVO71KYC-ahYuWCf3.js",
行
应该是你的视频。该网址应放在<head>
。
您的file
应如下所示:http://example.com/myVideo.mp4
这是JW Player instance的简单演示。
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<script src="https://ssl.p.jwpcdn.com/6/12/jwplayer.js"></script>
</head>
<body>
<div id="myElement">...</div>
<script>
jwplayer("myElement").setup({
playlist: 'https://content.jwplatform.com/jw6/AVO71KYC.xml',
height: 750,
width: 630
});
</script>
</body>
</html>
我还没有使用过JW平台,但是从我在文档中看到的它与普通的JW Player类似。我之前从未见过这样的代码应用于JW Player,因为你可以看到我已经剥离了我不熟悉的东西,重新定位了错误的地方,并添加了遗漏的东西。
不熟悉的代码
<德尔> Template.hello.rendered = function (){
var playerInstance =
德尔> jwplayer("myElement")
<删除> ;playerInstance
德尔> .setup({
重新安置的代码
file: "http://content.jwplatform.com/players/AVO71KYC-ahYuWCf3.js",
以</head>
身份:<script src="http://content.jwplatform.com/players/AVO71KYC-ahYuWCf3.js"></script>
不幸的是这个文件没有用,所以我看一下它,发现你文件底部的真实配置。您可以通过在地址栏中粘贴此地址来查看该脚本:http://content.jwplatform.com/players/AVO71KYC-ahYuWCf3.js
缺少代码
<script src="https://ssl.p.jwpcdn.com/6/11/jwplayer.js"></script>
file:
替换为:playlist: 'https://content.jwplatform.com/jw6/AVO71KYC.xml',
作为JW平台客户,您可以使用向导生成自定义脚本。在我写这篇文章时,我找到了你should follow的页面。无论如何,请记住我在阅读文档时给你的模式。看起来JW平台有很多选项,这就是为什么他们有一个向导来生成它。
答案 1 :(得分:1)
扩展一下,一个完整的例子:
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>JW Player</title>
<script src='the URL of the player script, whether you are self-hosting it or getting it from JW'></script>
</head>
<body>
<div id='myElement'>Loading the player...</div>
<script>
jwplayer('myElement').setup({
file: 'the URL of the actual video file, no matter where it is hosted',
image: 'wildlife.jpg',
width: 640,
height: 360
});
</script>
</body>
</html>
答案 2 :(得分:1)
http://content.jwplatform.com/players/AVO71KYC-ahYuWCf3.js
是单行JW平台嵌入代码。
要嵌入这个,你只需要像这样嵌入它:
<script src="http://content.jwplatform.com/players/AVO71KYC-ahYuWCf3.js"></script>
这就是全部。