Drupal 中的视频流
Video streaming in Drupal
在管理员中设置预设后,我使用 Media Front
模块通过开放标准媒体播放器在 Drupal 7
中流式传输视频
我可以 运行 很少 mp4
个文件。我需要安装任何流媒体应用程序吗?
看我在Mediafront下的回答
什么是 MediaFront?
MediaFront 模块是 Drupal 的前端媒体解决方案。
它采用创新且直观的管理界面,使网站管理员无需编写任何代码即可为其用户完全自定义前端媒体体验。
需要添加以下依赖库并确保它被正确包含。
需要Open Standard Media (OSM) Player
它需要 minPlayer
它需要 jQuery-UI ThemeRoller
在下面尝试看看它是如何工作的!
<!-- Include the core jQuery and jQuery UI -->
<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<!-- Include the core media player JavaScript. -->
<script type="text/javascript" src="osmplayer/bin/osmplayer.compressed.js"></script>
<!-- Include the DarkHive ThemeRoller jQuery UI theme. -->
<link rel="stylesheet" href="osmplayer/jquery-ui/dark-hive/jquery-ui.css">
<!-- Include the Default template CSS and JavaScript. -->
<link rel="stylesheet" href="osmplayer/templates/default/css/osmplayer_default.css">
<script type="text/javascript" src="osmplayer/templates/default/osmplayer.default.js"></script>
调用 OSM 播放器
<script type="text/javascript">
$(function() {
$("video").osmplayer({
width: '100%',
height: '600px'
});
});
</script>
<video src="http://progressive.totaleclips.com.edgesuite.net/105/e105598_257.mp4" poster="http://www.movieposter.com/posters/archive/main/143/MPW-71686"></video>
在管理员中设置预设后,我使用 Media Front
模块通过开放标准媒体播放器在 Drupal 7
中流式传输视频
我可以 运行 很少 mp4
个文件。我需要安装任何流媒体应用程序吗?
看我在Mediafront下的回答
什么是 MediaFront?
MediaFront 模块是 Drupal 的前端媒体解决方案。
它采用创新且直观的管理界面,使网站管理员无需编写任何代码即可为其用户完全自定义前端媒体体验。
需要添加以下依赖库并确保它被正确包含。
需要Open Standard Media (OSM) Player 它需要 minPlayer 它需要 jQuery-UI ThemeRoller
在下面尝试看看它是如何工作的!
<!-- Include the core jQuery and jQuery UI -->
<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<!-- Include the core media player JavaScript. -->
<script type="text/javascript" src="osmplayer/bin/osmplayer.compressed.js"></script>
<!-- Include the DarkHive ThemeRoller jQuery UI theme. -->
<link rel="stylesheet" href="osmplayer/jquery-ui/dark-hive/jquery-ui.css">
<!-- Include the Default template CSS and JavaScript. -->
<link rel="stylesheet" href="osmplayer/templates/default/css/osmplayer_default.css">
<script type="text/javascript" src="osmplayer/templates/default/osmplayer.default.js"></script>
调用 OSM 播放器
<script type="text/javascript">
$(function() {
$("video").osmplayer({
width: '100%',
height: '600px'
});
});
</script>
<video src="http://progressive.totaleclips.com.edgesuite.net/105/e105598_257.mp4" poster="http://www.movieposter.com/posters/archive/main/143/MPW-71686"></video>