HTML5视频：canPlayType（）在Safari中不起作用

Question

我尝试了以下在developer.apple.com上编写的代码，但抛出错误：

TypeError：“未定义”不是函数（评估“ myVideo.canPlayType（myTypes [i]）”）

<!doctype html>
<html>
<head>
    <title>JavaScript Fallback</title>
    <script type="text/javascript">
        function checkPlaylist() {
            var playAny = 0;
            myTypes = new Array ("video/mp4","video/ogg","video/divx");
            var nonePlayable = "Your browser cannot play these movie types."
            var myVideo = document.getElementsByTagName('video')[0];
            for (var i = 0, len = myTypes.length; i < len; x++) {
               var canPlay = myVideo.canPlayType(myTypes[i]);
                if ((canPlay == "maybe") || (canPlay == "probably"))
                    playAny = 1;
            }
            if (playAny == 0)
                document.getElementById("video-player").innerHTML = nonePlayable;
         }
    </script>
</head>
<body onload="checkPlaylist()" >
    <div id="video-player" align=center>
        <video controls height="200" width="400">
            <source src="myMovie.m4v" type="video/mp4">
            <source src="myMovie.oga" type="video/ogg">
            <source src="myMovie.dvx" type="video/divx">
        </video>
    </div>
</body>
</html>

Answer 1

使用以下脚本在Safari浏览器中检查myTypes数组参数：

<!DOCTYPE html> 
<html> 
<body> 

<p>Can my browser play DIVX videos? <span>
<button onclick="supportType(event,'video/divx','H.264')" type="button">Test</button>
</span></p>

<p>Can my browser play MP4 videos? <span>
<button onclick="supportType(event,'video/mp4','avc1.42E01E, mp4a.40.2')" type="button">Test</button>
</span></p>

<p>Can my browser play OGG videos? <span>
<button onclick="supportType(event,'video/ogg','theora, vorbis')" type="button">Test</button>
</span></p>

<script> 
function supportType(e,vidType,codType) { 
    var vid = document.createElement('video');
    isSupp = vid.canPlayType(vidType+';codecs="'+codType+'"');
    if (isSupp == "") {
        isSupp = "No";
    }
    e.target.parentNode.innerHTML = "Answer: " + isSupp;
} 
</script> 

</body> 
</html>

Answer 2

您是否正在使用Windows的Safari？ 如果是这样，那可能会失败。 Apple不再支持Windows的Safari。

你也有var i = 0, len = myTypes.length; i < len; x++ var i = 0, len = myTypes.length; i < len; x++ var i = 0, len = myTypes.length; i < len; x++ 。 最后一个x应该是i 。

HTML5视频：canPlayType（）在Safari中不起作用

问题描述

2 个解决方案

解决方案1
1 2014-12-23 06:52:42

解决方案2
0 2014-12-23 23:23:02

HTML5视频：canPlayType（）在Safari中不起作用

问题描述

2 个解决方案

解决方案1 1 2014-12-23 06:52:42

解决方案2 0 2014-12-23 23:23:02

解决方案1
1 2014-12-23 06:52:42

解决方案2
0 2014-12-23 23:23:02