小编Pur*_*ify的帖子

所以我正在尝试为html5视频添加字幕并找到WebVTT.我已经做了一些研究,甚至复制了一些示例代码,看看它是否有效,但我没有运气.

字幕只是没有出现在视频上.

这是HTML.

<video id="video"  class="video" controls>
              <source src="solar.mp4" type="video/mp4">
              <source src="client2.ogv" type="video/ogv">
              <source src="solar.webm" type="video/webm">
              <source src="solar.flv" type="video/flv">

              <track label="English Captions" kind="captions" srclang="en" src="english-subtitles.vtt">
        </video>

和测试VTT文件.

WEBVTT

1
00:00:13,00 --> 00:00:16,000
Man did you see that awesome thing like last week -

2
00:00:16,100 --> 00:00:20,100
- and i said wow a lot of people are starting to talk about this.

虽然这听起来很简单,但我一直在考虑这个问题.

浏览器如何渲染图像？举一个我的意思的例子,假设我有1MB的图像是3000px x 1500px.然后我决定将此图像放入一个设置为宽度的容器中:100%; 这意味着它会反复缩小.浏览器是否会加载整个1MB,然后继续缩小图像以适应容器,还是将其缩小,然后继续加载？

我问,因为这几乎是我的情况,如果它是前者(首先加载1mb),那么我想我必须在移动设备上提供单独的图像？

谢谢

编辑:由于人们说它会首先加载1mb图像,你会如何建议我向用户提供大图像？缩小移动设备并拥有移动/桌面版本？

所以我做了一点环顾四周,找不到任何真正回答我正在尝试做的事情,因此我发帖了!

我的总体目标主要是让页面读取用户位置,然后根据它们的位置运行代码.具体来说,我有一个facebook签入脚本,允许用户签入他们是否在特定位置.

问题是有问题的位置有点大,所以手动放入位置的坐标不起作用.我现在坚持的是,是否有可能告诉JS采取位置的硬编码经度和纬度但是给出坐标周围的半径(比如说200米),所以当用户输入坐标的200m半径时代码激活.

有没有人有任何想法？

到目前为止这是我的代码.

    jQuery(window).ready(function(){   
        initiate_geolocation();
    });  
    function initiate_geolocation() {  
        navigator.geolocation.getCurrentPosition(handle_geolocation_query,handle_errors);  
    }  
    function handle_errors(error)  
    {  
        switch(error.code)  
        {  
            case error.PERMISSION_DENIED: alert("user did not share geolocation data");  
            break;  
            case error.POSITION_UNAVAILABLE: alert("could not detect current position");  
            break;  
            case error.TIMEOUT: alert("retrieving position timed out");  
            break;  
            default: alert("unknown error");  
            break;  
        }  
    }  
     function handle_geolocation_query(position){  
         var lat = position.coords.latitude;
         var long = position.coords.longitude;

                      //these are for testing purposes
          alert('Your latitude is '+lat+' and longitude is '+long);
          if (lat == 0 && long == 0) {alert('It …