Question

这是我的代码，在播放视频时应使用HTML5播放器。

<html>
<head><script type="text/javascript" src="http://content.jwplatform.com/libraries/asdetr.js"></script></head>

<body>

<div id="myElement">Loading the player...</div>

<script type="text/javascript">

var playerInstance = jwplayer("myElement");
playerInstance.setup({
    file: "http://content.jwplatform.com/videos/trytry-789.mp4",
    image: "http://content.jwplatform.com/thumbs/dfg569-676.jpg",
    width: 640,
    height: 360,
    modes: [
            { type: "html5",

            config: {
              file: "http://content.jwplatform.com/videos/trytry-789.mp4"
                    }
            }
           ]
});
</script>
</body>
</html>

请建议我使用HTML5播放器的好方法。如果我做错了，请纠正我。

Answer 1

试试这段代码。它对我有用。

<html>
<head><script type="text/javascript" src="http://content.jwplatform.com/libraries/asdetr.js"></script></head>
<body>
<div id="myElement">Loading the player...</div>

<video crossorigin="anonymous" poster="http://support.jwplayer.com/customer/portal/attachments/268150" controls="controls" width="640" height="272">
<source src="http://content.jwplatform.com/videos/C4lp6Dtd-640.mp4" type="video/mp4" />

</video>
</body>
</html>

Answer 2

似乎有可能，我为你创造了这个小提琴：

https://jsfiddle.net/rdgfuentes/gwa5f438/

可能导致此问题的一个原因是您正在从当前正在返回404的外部网站（http://content.jwplatform.com/libraries/asdetr.js）中包含jwplayer。我将其更改为http://content.jwplatform.com/libraries/XeGdlzmk.js并暂时修复它;但那不是最终解决方案。

在您的网站中实施jwplayer有两种方法，具体取决于您从哪里加载库：

Cloud Hosted播放器：来自jwplayer服务器。
自托管：来自您的服务器。

我总是应用自托管解决方案，该解决方案要求您下载软件包并将其所有文件包含在您的服务器上。

您可以在此处找到有关它的更多信息。 http://support.jwplayer.com/customer/portal/articles/1772740-dashboard-faq#self-hosted-vs-cloud-hosted

Answer 3

请改用此代码。您使用的模块块适用于JW Player 5并且已被弃用。下面的代码可行，因为JW6和JW7已经强制主要渲染模式为HTML5。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://content.jwplatform.com/libraries/asdetr.js"></script>
</head>   
<body> 
<div id="myElement">Loading the player...</div>   
<script type="text/javascript">   
var playerInstance = jwplayer("myElement");
playerInstance.setup({
    file: "http://content.jwplatform.com/videos/trytry-789.mp4",
    image: "http://content.jwplatform.com/thumbs/dfg569-676.jpg",
    width: 640,
    height: 360,
    fallback: false
});
</script>
</body>

如何在JWPlayer中强制HTML5并禁用Flash

3 个答案: