javascript - 在 iPad 上,html 5 视频标签的 src 属性中的 http url 不起作用

标签 javascript css html

我无法使用 ipad 上 html 5 视频标签的 src 属性中的 http url 加载视频。使用静态和动态方式来执行此操作。但是它在网络浏览器上运行良好。这是我的代码:

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();


}

有没有办法使用 html 5 视频标签的 src 属性中的 http url 加载视频?

提前致谢。 维卡斯

最佳答案

如果你想动态设置视频的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>

:)

关于javascript - 在 iPad 上,html 5 视频标签的 src 属性中的 http url 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13523239/

相关文章:

javascript - 无法从下载的 blob 中读取 ulatedStreamBody

javascript - 如何仅从模态中删除背景

html - 分层多个 Div

javascript - 如何在 react 中添加作用域的CSS?

javascript - Highcharts 折线图 - 在点悬停时突出显示 xAxis 标签

html - 无论屏幕大小如何,如何让内容占据整个页面?

javascript - 添加网页 View 2次

javascript - 根据日期预选标签

javascript - 使用 Regex javascript/jquery 仅允许以下格式的数字和点

javascript - 如何在 html 页面上点击提交下载文件?