在wordpress上设置azure媒体播放器 [英] setting up azure media player on wordpress

查看:108
本文介绍了在wordpress上设置azure媒体播放器的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述



有人可以帮我解决此问题,我已将此代码添加到标题中。

  <  link   href  = " // amp.azure.net/libs/amp/latest/skins/amp-default/azuremediaplayer.min.css"   rel  = " stylesheet" >  
< script src =" / / amp.azure.net / libs / amp / 最新 / azuremediaplayer.min.js "> < ; / script >


但我不知道下一步该做什么,我正在从azure cdn服务我的媒体,我希望这些媒体文件能够与天蓝色媒体播放器一起提供。我使用wordpress,当我从媒体库中嵌入媒体时,它是从azure cdn提供的,但使用默认的
wordpress媒体,如何让我的嵌入式视频使用azure媒体播放器?



谢谢,

解决方案

根据  http://amp.azure.net/libs/amp/latest/docs/index.html 下一件事要做的是在< body>中插入播放器代码。标签&NBSP;类似于:

< video id =" vid1" class =" azuremediaplayer amp-default-skin" autoplay controls width =" 640"高度= QUOT; 400"海报= QUOT; poster.jpg" data-setup ='{" nativeControlsForTouch":false}'> 
< source src =" http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest"类型= QUOT;应用/ vnd.ms-SSTR + xml的" />
< p class =" amp-no-js">
要观看此视频,请启用JavaScript,并考虑升级到支持HTML5视频的网络浏览器
< / p>
< / video>

然后你只需在src参数中更改自己视频的链接。


Hi,

Can someone please help me with this, I have added this code to header.

<link href="//amp.azure.net/libs/amp/latest/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet">
<script src= "//amp.azure.net/libs/amp/latest/azuremediaplayer.min.js"></script>

But i don't know what to do next, I am serving my media from azure cdn and i want those media files to be served with the azure media player. I use wordpress, When i embed media to post from media library, It is served from azure cdn but uses the default wordpress media, How do i make my embedded videos use azure media player?

Thanks,

解决方案

According to http://amp.azure.net/libs/amp/latest/docs/index.html the next thing to do is to insert the player code within the <body> tag.  Something similar to:

<video id="vid1" class="azuremediaplayer amp-default-skin" autoplay controls width="640" height="400" poster="poster.jpg" data-setup='{"nativeControlsForTouch": false}'>
    <source src="http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest" type="application/vnd.ms-sstr+xml" />
    <p class="amp-no-js">
        To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video
    </p>
</video>

And then you'd just change the link to your own video in the src parameter.


这篇关于在wordpress上设置azure媒体播放器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆