若要嵌入youmaker影片

需套用下列語法,但要修改,不然會有黑邊,所以r=16x9改1x1,而width和height也要修改,不然會很大,但原因應該是官網網頁語法要修正可以符合RWD,應該就不會有這個問題,這樣到時候width和height就不用另外改數字了。

<iframe class="no-margin" src="https://www.youmaker.com/2018/0612/5b18c28d-0584-431f-4367-c6794227b762?r=16x9&s=1080x1080" width="854" height="480" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen playsinline></iframe>

原youmaker語法未修改是長這樣

 

youmaker測試修改結果,修改了 r=1x1  、width="500" height="500

 

######################

觀看完整影片»

用官網媒體庫影片網址修改

改了width=480、height=320

<iframe src="http://video.ap.ntdtv.com/assets/2018/01/23/2018-01-23-5a66e88970aed.mp4?r=16x9&s=1280x720" width="480" height="320"  frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen playsinline></iframe>

廚娘影片修改結果,問題是會自動播放,不知如何設定不自動播放

若用基本款語法

<video width="640" height="480" controls> <source src="http://video.ap.ntdtv.com/assets/2018/01/23/2018-01-23-5a66e88970aed.mp4" type="video/mp4" /></video>

不會自動播放,但還是會被裁切,播放器較硬較死板

更改後的基本款語法

<video controls=" " name="media width="640" height="480" "><source src="http://video.ap.ntdtv.com/assets/2018/01/23/2018-01-23-5a66e88970aed.mp4" type="video/mp4" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen playsinline></video>

不會自動播放,也會被裁切,播放器較柔,但是如果要後臺再做修改,會有消失的風險

 

 

測試僅用官網網址或影片網址的呈現方式

完整影片點我(媒體連結)--套用連結使用相同視窗

完整影片點我(媒體連結)--套用連結快顯視窗-功能獨立

發現套用連結的話,即使選擇連結的"目標"選項,僅有快顯視窗的獨立選項有明顯差異,

但還不是我們想要的方式,有甚麼方式是可以直接在這頁面上呈現的樣子?又不會自動播放呢?

 

######################

若要嵌入fb影片

原語法為

<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fcooking2010%2Fvideos%2F874185442783184%2F&width=500&show_text=false&height=500&appId" width="500" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media" allowFullScreen="true"></iframe>

測試結果,如果在手機全螢幕時畫面會被裁切,手機旋轉時也和無動靜,不知如何修正

臉書尺寸影片原1080x1080,但語法給的像素寬度是500

 

此篇文章佈局是文字+主圖+影片組,這個效果是否未開放?

因為看不出來差別,只有差別在前台呈現時是沒有標題和影片的,若有掛到節目欄會有主圖顯示,但影片部分......即使有先挑好影片,但卻不會自動呈現,點選圖像時也只出現圖片選項,無影片選項,不知是否會開放功能,若開放這個功能,是否也會有影片自動播放的問題?

此範例希望呈現的方式是先出現youmaker嵌入的短影片

下面出現的則是節目的完整影片,中間會穿插圖片

例如大紀元此範例,

http://www.epochtimes.com/b5/18/6/12/n10477280.htm

(請使用電腦觀看,若用手機會呈現不同樣貌)