2012-09-13 86 views
0

我有一個網站,直播流。我有一些代碼,可以在iPad上成功扮演:使用jQuery與html5視頻

window.location = 'http://<?php echo DEVSTREAMWEB; ?>/<?php echo $session_id;?>/'+camerahash+'/playlist.m3u8'; 

DEVSTREAMWEB是URL:mysite.com:1935/web/_definst_和SESSION_ID是很好,你猜對了,會話ID。 Camerahash是一個內置的散列號,用於可以流式傳輸的特定相機。

這在iPad上打開了一個新選項卡,效果很好。不過,我想改變這個在div中播放。如果有人想進入全屏模式,他們將只需點擊全屏選項,播放HTML5視頻:

var theUrl = 'http://<?php echo DEVSTREAMWEB; ?>/<?php echo $session_id;?>'+camerahash+'/playlist.m3u8'; 
if($('#myfileplayer').length == 0) { 
    var mydiv = $("#player"); 
    var myvideo = $("<video id='myfileplayer' src='"+theUrl+"' width='320' height='240' controls></video>"); 
    mydiv.append(myvideo); 
} else { 
    $('#myfileplayer').attr("src",theUrl); 
} 

var video = document.getElementById('myfileplayer'); 
video.addEventListener('click',function(){ 
    video.play(); 
},false); 

我得到一個錯誤:"NetworkError: 403 Forbidden - http://mysite.com:1935/web/_definst_/kgbh744hkbmguc95cbts8m02949e6212905e7e58998c03ba03a36d8e08cf1032ab/playlist.m3u8"

這是正確的網址。我想知道我的報價是否正確與theUrl?任何想法可能是錯誤的?

回答

0

感嘆。忘了斜線。

var theUrl = 'http://<?php echo DEVSTREAMWEB; ?>/<?php echo $session_id;?>/'+camerahash+'/playlist.m3u8';