ライブストリーミングを行うサイトがあります。iPad で正常に再生できるコードがいくつかあります。
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"
正しいURLです。私の引用符が正しいかどうか疑問に思っていますtheUrl
か? 何が間違っているのでしょうか?