如何使用 jwplayer 和 laravel 5.1 从 youtube 动态加载嵌入式视频?
How can I dynamically load embedded videos from youtube using jwplayer and laravel 5.1?
我正在使用 laravel 框架,我正在尝试使用 JwPlayer 动态加载视频。我试过这样做
<script type="text/javascript" src="http://content.jwplatform.com/libraries/WQWJdvRx.js"></script> {{-- jwplayer url + key may mv to head or footer --}}
<div id="myElement" title="{{ $video->subtitle }}"></div>
<script>
function myFunction(){
var div1 = document.getElementById("myElement");
var attr = div1.getAttribute("title");
jwplayer("myElement").setup({
file: "attr",
width: 640,
height: 360,
title:"title goes here",
stretching:"fill",
skin:{
name:"stormtrooper"
}
});
}
我尝试使用 javascript 获取实际上特定于视频的 class 名称。变量 attr 然后我尝试使用 attr 变量作为我的文件路径。但它不起作用。任何帮助将不胜感激
我明白了。在听取了您关于删除引号的建议后,我不得不只删除括号和花括号的功能。然后一切正常
所以它来自这个
<script type="text/javascript" src="http://content.jwplatform.com/libraries/WQWJdvRx.js"></script>
<div id="myElement" title="{{ $video->subtitle }}"></div>
<script>
function myFunction(){
var div1 = document.getElementById("myElement");
var attr = div1.getAttribute("title");
jwplayer("myElement").setup({
file: "attr",
width: 640,
height: 360,
title:"title goes here",
stretching:"fill",
skin:{
name:"stormtrooper"
}
});
}
至此
<script type="text/javascript" src="http://content.jwplatform.com/libraries/WQWJdvRx.js"></script>
<div id="myElement" title="{{ $video->subtitle }}"></div>
<script>
var div1 = document.getElementById("myElement");
var attr = div1.getAttribute("title");
jwplayer("myElement").setup({
file: attr,
width: 640,
height: 360,
title:"title goes here",
stretching:"fill",
skin:{
name:"stormtrooper"
}
});
我正在使用 laravel 框架,我正在尝试使用 JwPlayer 动态加载视频。我试过这样做
<script type="text/javascript" src="http://content.jwplatform.com/libraries/WQWJdvRx.js"></script> {{-- jwplayer url + key may mv to head or footer --}}
<div id="myElement" title="{{ $video->subtitle }}"></div>
<script>
function myFunction(){
var div1 = document.getElementById("myElement");
var attr = div1.getAttribute("title");
jwplayer("myElement").setup({
file: "attr",
width: 640,
height: 360,
title:"title goes here",
stretching:"fill",
skin:{
name:"stormtrooper"
}
});
}
我尝试使用 javascript 获取实际上特定于视频的 class 名称。变量 attr 然后我尝试使用 attr 变量作为我的文件路径。但它不起作用。任何帮助将不胜感激
我明白了。在听取了您关于删除引号的建议后,我不得不只删除括号和花括号的功能。然后一切正常 所以它来自这个
<script type="text/javascript" src="http://content.jwplatform.com/libraries/WQWJdvRx.js"></script>
<div id="myElement" title="{{ $video->subtitle }}"></div>
<script>
function myFunction(){
var div1 = document.getElementById("myElement");
var attr = div1.getAttribute("title");
jwplayer("myElement").setup({
file: "attr",
width: 640,
height: 360,
title:"title goes here",
stretching:"fill",
skin:{
name:"stormtrooper"
}
});
}
至此
<script type="text/javascript" src="http://content.jwplatform.com/libraries/WQWJdvRx.js"></script>
<div id="myElement" title="{{ $video->subtitle }}"></div>
<script>
var div1 = document.getElementById("myElement");
var attr = div1.getAttribute("title");
jwplayer("myElement").setup({
file: attr,
width: 640,
height: 360,
title:"title goes here",
stretching:"fill",
skin:{
name:"stormtrooper"
}
});