2012-11-23 120 views
2

我無法使用html url的src屬性加載視頻5視頻標籤上ipad。使用靜態和動態的方式來做到這this.However正在網絡browser.Here罰款是我的代碼:在iPad上http url在src屬性html 5視頻標籤不起作用

Static: 

    <!DOCTYPE html> 
    <html> 
    <body> 

    <video width="320" height="240" controls="controls"> 
     <source src="http://xyz.mp4" type="video/mp4"> 
Your browser does not support the video tag. 
    </video> 

    </body> 
    </html> 

動態:

function Video(){ 
      var html = ""; 
html += '<video id="someVideo" width="712" height="500" controls="controls" autoplay="autoplay">'; 
html += '<source src="http://xyz.mp4" type="video/mp4" />'; 
html += '</video>'; 
$("#page33video2").html(html); 

$('#someVideo').attr('src', 'http://xyz.mp4'); 
$('#someVideo')[0].load(); 


} 

有什麼辦法使用HTTP URL來加載視頻在html 5視頻標籤的src屬性中?

在此先感謝。 維卡斯

+0

不要ü的意思是,要動態地改變視頻的src? 請清除.. –

回答

0

如果你想設置動態視頻的SRC,這是你如何能做到這

<!DOCTYPE html> 
<html> 
<body> 
<video id="video1" style="display: none;"> 
</video> 
<script> 
function playVideo() { 
document.getElementById("video1").style.display = "inline"; 
myVid=document.getElementById("video1"); 
myVid.src= "http://www.w3schools.com/tags/mov_bbb.mp4"; 
myVid.play(); 
} 
</script> 
<p onclick="playVideo();">Click me to play</p> 
It may take some time to load Video 
</body> 
</html> 

:)

+0

嗨Ameya,此代碼不適用於iPad。但它在網絡瀏覽器上正常工作。我想在iPad上使用http url設置src。 – Vicky

+0

@Vicky: - 我檢查了我的iPad,它的工作正常..但我必須等待視頻下載,之後,您可以再次點擊「點擊我播放」。播放視頻。請告訴你是否在做其他事情。 –

+0

嗨Ameya,我嘗試在ePub3中使用此方法在iPad中加載視頻。 ePub3不允許視頻標籤在src屬性中加載http url嗎? – Vicky