Question

我一直在尝试在网页中使用媒体播放器来传输RTMP个视频。我使用以下代码

<embed allowfullscreen="true" src="http://www.focusonthefamily.com/family/JWPlayer/mediaplayer.swf" flashvars="allowfullscreen=true&allowscriptaccess=always&autostart=false&shownavigation=true&enablejs=true&volume=50&file=Test.mp4&streamer=rtmp://192.168.0.102/vod/&image=vid/100_2255.JPG" />

现在它显示了简单的经典jwPlayer。如何使用css或skin

将样式应用于它

Answer 1

只需插入皮肤名称即可配置Pro / Premium / Ads版本中包含的皮肤。这是一个例子，加载踝部皮肤：

jwplayer("myElement").setup({
  file: "/upload/myVideo.mp4",
  skin: "bekle"
});

Answer 2

您正在使用已淘汰的JW Player 5。获取JW Player 6.我发现将播放器封装在外部<div>中始终是最安全的，并将所有样式应用于外部<div>。因此，您的设置将如下所示：

<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>JW Player</title>
<script src='jwplayer.js'></script>
</head>
<body>
<p>Streaming Video</p>
<div id='player'><div id='myElement'>Loading the player...</div></div>
<script>
jwplayer("myElement").setup({
    file: "rtmp://example.com/application/mp4:myVideo.mp4",
    image: "/assets/myVideo.jpg",
    height: 360,
    width: 640
});
</script>
</body>
</html>

然后将CSS应用于＆＃34;播放器＆＃34; ID。

您确定要使用RTMP吗？这是一个＆＃34;生活＆＃34;视频Feed？如果您只提供MP4，则无需使用流式传输。 RTMP是Flash，它不会在任何移动设备上运行，而只是提供MP4将在任何地方都可以使用。

将css应用于网页中的嵌入式媒体播放器

2 个答案: