Mac中如何使用HTML5观看免费视频

2016-02-20 12:36 13 1 收藏

只要你有一台电脑或者手机，都能关注图老师为大家精心推荐的Mac中如何使用HTML5观看免费视频，手机电脑控们准备好了吗？一起看过来吧！

【 tulaoshi.com - 苹果Mac教程】

使用HTML5观看视频，是MAC用户观看优酷等收费视频的好方法。前面图老师小编给大家介绍过它的一种使用方法，现在图老师小编再向大家介绍它的另外一种免费看视频的好方法吧。通过这种方法，你可以在Mac上看各种地方台的直播以及乐视、凤凰卫视、TVB、东森等港澳台电视节目哦！

Mac中如何使用HTML5观看免费视频

第一步，你需要一个播放器，以前可以用 VLC for mac和 MplayerX mac，不过最近测试发现MplayerX似乎不给力了！所以目前VLC是最好的选择。

软件名称：VLC Media Player（多媒体播放器） for mac V2.1.5中文版苹果电脑版

软件名称：Mplayerx（视频播放器） for mac V1.0.14 苹果电脑版

Mac中如何使用HTML5观看免费视频

第二步，下载tvmac.m3u.zip 文件，将其拖到打开的VLC播放器里头，然后打开，你会发现效果下图所示，这个文件里头是些什么东西呢？以一些网友们打包好的电视台网络流媒体播放网址。

Mac中如何使用HTML5观看免费视频

第三步，选择其中一个打开你，例如凤凰中文，打开之后你就可以看直播啦！效果杠杠的！

当然，在这里图老师小编得和大家提醒一句，因为这些资源大多数来自于网络，都是网友们贡献的，所以，一段时间之后部分流媒体地址就失效了，需要重新添加才行。

另外，在下载文件的一个名为tvmac.m3u.txt文本文档中有一些后期网友们陆续贡献的串流列表，喜欢的亲们可以自己手动添加，图老师小编不保证一定能用哦！当然如果你有更好的资源贡献给大家的话，请给我们留言。

Mac中如何使用HTML5观看免费视频

这就是今天图老师小编给大家带来的HTML5免费观看视频的另一种方法，如果有喜欢看视频的朋友，可以试试这种方法哦。

来源:http://www.tulaoshi.com/n/20160220/1647157.html

看过《Mac中如何使用HTML5观看免费视频》的人还看了以下文章更多>>

HTML5中的新元素介绍

标签： Web开发

超文本标记语言（HTML）5 第一次向 HTML 中引入新的元素。新的结构元素包括 aside、figure 和 section。新的内联元素包括 time、meter 和 progress。新的内嵌元素有 video 和 audio。新的交互元素有 details、datagrid 和 command。结构元素由于缺少结构，即使是形式良好的 HTML 页面也比较难以处理。必须分析标题的级别，才能看出各个部分...

使用HTML5捕捉音频与视频信息概述及实例

标签： Web开发

本文概述长期以来,音频与视频信息的捕捉一直是Web开发中的一个难点。许多年来,我们一直依赖浏览器插件来实现这个需求。在HTML 5中,出现了许多可以访问硬件设备的API,例如访问GPS设备的Geolocation API、访问accelerometer设备的Orientation API、访问GPU设备的WebGL API、访问音频播放设备的Web Audio API等等。这些API是非常强大的,因为...

HTML5标签小集

标签： Web开发

HTML标签； meta属性Content,name,scheme !DOCTYPE a属性coords,shape, abbr属性 address属性 area属性 article属性 aside属性 audio属性 b属性 base属性 bdo属性 blockquoe属性 body属性 br属性 button属性 canvas属性 caption属性 cite属性 code属性 col属性 colgroup command datalist dd...

使用HTML5拍照示例代码

标签： Web开发

演示地址： HTML5拍照演示首先，我们看看HTML代码结构，当然，这部分的DOM内容应该是在用户允许使用其摄像头事件出发后，动态加载生成的。注意：我们采用的是 640X480的分辨率，如果采用JS动态生成，那么您是可以灵活控制分辨率的。代码如下： !-- 声明：此div应该在允许使用webcam，网络摄像头之后动态生成宽高： 640 *480,当然，...

HTML5 Canvas像素处理使用接口介绍

标签： Web开发

内容概要：本文通过简单的代码实例，以及略猥琐的图片demo，展示了canvas在图像像素数据操作方面的常用接口。至于如何利用这几个接口实现更复杂的效果，则会在后续章节里继续讲述。一、canvas图片填充； 2、设置/获取canvas图片数据； 3、创建canvas图片数据；4、关于imageData.data的一点补充； 5、写在后面一、canvas图片填充代码如...

查看更多精彩>>