Php 我想知道如何从视频中获取480p链接并将其放入播放器中？

如何从视频中获取480p链接并将其放入播放机

我的代码播放器：

        <span id='player-wrapper'></span>
        <script>
            var playerElement = document.getElementById("player-wrapper");

            var player = new Clappr.Player({
                source: '<?php 
$url = 'http://www.cdnkings.com/embed/'.$_GET['id'];
$html = file_get_contents($url);
$doc = new DOMDocument();
@$doc->loadHTML($html);
$tags = $doc->getElementsByTagName('source');
foreach ($tags as $tag) {echo $tag->getAttribute('src') ;} 
?>',
                poster: '',
                mute: false,
                height: '100%',
                width: '100%'
            });

            player.attachTo(playerElement);
        </script>

<video id="video_player" class="video-js vjs-default-skin vjs-big-play-centered" onselectstart="return false" oncontextmenu="return false" controls preload="metadata" width="100%" height="100%" poster="http://www.cdnkings.com/contents/videos_screenshots/27000/27558/preview.jpg" data-setup='{"techOrder": ["html5"], "responsive": true, "nativeControlsForTouch": true, "customControlsOnMobile": true }'>
      <source src="http://www.cdnkings.com/get_file/1/900cbc98c9cbccc274440bf654ef77fc0a5c96cb2c/27000/27558/27558_240p.mp4/" type='video/mp4'

                        label='240p' res='240'/>

    <source src="http://www.cdnkings.com/get_file/1/7952c61a37ff1986b1f2de0d9670d8fbd9d8d128b2/27000/27558/27558_360p.mp4/" type='video/mp4'

                        label='360p' res='360'/>

    <source src="http://www.cdnkings.com/get_file/1/11383f582d325eebd0b7f4046e7a4cc7a1aaa62194/27000/27558/27558_480p.mp4/" type='video/mp4'

                        label='480p' res='480'/>

        </video>

var playerElement=document.getElementById（“播放器包装”）；
var player=新的Clappr.player({
来源：“”，
海报：''，
哑巴：错，
高度：“100%”，
宽度：“100%”
});
player.attachTo（playerElement）；

我要选择链接的页面代码：

        <span id='player-wrapper'></span>
        <script>
            var playerElement = document.getElementById("player-wrapper");

            var player = new Clappr.Player({
                source: '<?php 
$url = 'http://www.cdnkings.com/embed/'.$_GET['id'];
$html = file_get_contents($url);
$doc = new DOMDocument();
@$doc->loadHTML($html);
$tags = $doc->getElementsByTagName('source');
foreach ($tags as $tag) {echo $tag->getAttribute('src') ;} 
?>',
                poster: '',
                mute: false,
                height: '100%',
                width: '100%'
            });

            player.attachTo(playerElement);
        </script>

<video id="video_player" class="video-js vjs-default-skin vjs-big-play-centered" onselectstart="return false" oncontextmenu="return false" controls preload="metadata" width="100%" height="100%" poster="http://www.cdnkings.com/contents/videos_screenshots/27000/27558/preview.jpg" data-setup='{"techOrder": ["html5"], "responsive": true, "nativeControlsForTouch": true, "customControlsOnMobile": true }'>
      <source src="http://www.cdnkings.com/get_file/1/900cbc98c9cbccc274440bf654ef77fc0a5c96cb2c/27000/27558/27558_240p.mp4/" type='video/mp4'

                        label='240p' res='240'/>

    <source src="http://www.cdnkings.com/get_file/1/7952c61a37ff1986b1f2de0d9670d8fbd9d8d128b2/27000/27558/27558_360p.mp4/" type='video/mp4'

                        label='360p' res='360'/>

    <source src="http://www.cdnkings.com/get_file/1/11383f582d325eebd0b7f4046e7a4cc7a1aaa62194/27000/27558/27558_480p.mp4/" type='video/mp4'

                        label='480p' res='480'/>

        </video>

---

只需添加一个条件，在循环时检查

source

标记上的

res

属性

...
foreach($tags as $tag)
{
    if($tag->getAttribute('res') == "480")
    {
        echo $tag->getAttribute('src');
    }
}
...

---

请更详细地解释你正在尝试做什么以及你已经做了什么。你也应该看看article@Julio您的Clappr问题似乎来自您对高度和宽度设置使用的“100%”。它只接受固定数字，不接受字符串/百分比。如果你去掉这些，它似乎工作得很好。如果我的回答解决了你的问题，别忘了将其标记为已接受。