如何在移动和桌面/笔记本电脑浏览器上播放视频？

Question

所以，我有一个视频流应用程序，我目前正在使用JW PLAYER's flash player来显示视频。

请参阅以下播放器代码：

<% if can_view_clip?(@clip, @country_code) %>
<div id='my-video<%= @clip.video.id %>'></div>
<script type='text/javascript'>
jwplayer('my-video<%= @clip.video.id %>').setup({
    playlist: [{
        image: "<%= @clip.video.thumbnail_url %>",
        sources: [
        { file: "<%= video_url(@clip.video.remote_id, :smil) %>" },
        { file: "<%= video_url(@clip.video.remote_id, :m3u8) %>" }
        ]
    }],
    primary: "flash",
    width: '100%',
    height: '350',
    rtmp: {
        bufferlength: 7
    }
});
</script>
<% else %>
  <div class="no_video">
    <div class="notice">Sorry! <%= @clip.film.name %> is not viewable in <%= @country_name %>.</div>
  </div>
<% end %>

但是，我在玩家在移动设备上播放时遇到了一些麻烦，因为我使用的是Flash播放器。无论如何，我可以选择浏览器是否根据设备加载html或flash播放器？

点击此处的所有建议，即可在移动设备和台式机/笔记本电脑设备上使用。

谢谢！